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

先看一下预览效果：

点击预览

制作步骤：

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

一、固定尺寸的制作方法：

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

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

代码如下：

javascript

然后点击保存即可。

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

background

二、100%宽度的制作方法：

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

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

开始。

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

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

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

然后保存，预览即可。