linearlayout动态修改background_Axure动态渐变背景设置（结合CSS 3）

作者：AllinToyou | 2024-02-26 23:44:55

踩

linearlayout变化background

点击预览

制作步骤：

动态渐变效果需要结合前端代码样式实现。不会代码的同学也不必担心，看完本文，仅需会复制粘贴即可。

随便画一个矩形，然后给矩形增加【载入时】交互。如下图所示：

然后点击【当前窗口】，将一串代码直接粘贴到，下图箭头所指的文本框中。

代码如下：

javascript

然后点击保存即可。

上面的代码，是提前预设了几种渐变颜色，如果你想自定义颜色，可以修改“#”后面的16进制数值。数值可以用PS吸取，或有些网站提供类似功能。

background

在前一步基础上，继续添加一个设置。

所以在做完上一步之后，先预览一下是否显示正常。如果正常，则可向下进行。

开始。

在上一步做好的交互上双击。（双击下图红框内区域）

依次单击【设置尺寸】，勾选【当前元件】，宽填写[[Window.width]]。设置如下图所示：

高可以不写，就保持默认高度。当然，也可以填一个固定数值。

然后保存，预览即可。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/148342