Axure RP 9互联网产品原型设计 课件 第5、6章 元件的样式和交互、 使用母版和动态面板.pptx

Axure RP 9互联网产品原型设计（慕课版） 元件的样式和交互 设置元件的属性 用户可以在“样式”面板设置元件的各种属性，包括设置元件的位置和尺寸、不透明性、排版、填充、线段、阴影、圆角和边距。通过设置元件的位置和尺寸，可以准确地控制元件在页面中的位置和大小。 设置元件的属性 用户可以在X文本框和Y文本框中输入数值，更改元件的坐标值。在W文本框和H文本框中输入数值，控制元件的尺寸。单击“锁定宽高比例”按钮，当修改W文本框或H文本框的数值时，对应的H文本框或W文本框的数值将等比例改变。在“旋转”文本框中输入数值，将实现元件的精确旋转。 单击“隐藏”按钮，将隐藏选中元件；再次单击该按钮，将显示该隐藏元件。用户也可以在工具栏中找到该按钮，其功能和操作方式与“样式”面板中的“隐藏”按钮一致。用户可以在“样式”面板中对元件的各种属性进行设置。选中元件后，用户可以在“样式”面板中逐一进行设置。 设置元件的属性 在元件上单击鼠标右键，在弹出的快捷菜单中选择“锁定＞锁定位置和尺寸”命令。元件将被锁定，不能移动其位置和调整大小。选择“锁定＞取消锁定位置和尺寸”命令。元件将恢复为普通模式，用户可以对其进行移动和缩放操作。 设置元件的属性 用户可以通过拖动“不透明性”选项后面的滑块或者在文本框中手动输入数值来修改元件不透明性的数值，获得不同的不透明性的元件效果。不透明性50% 30% 设置元件的属性 在Axure RP 9 中，用户可以使用“颜色”和“图片”两种方式填充。单击“颜色” 图标，弹出拾色器面板。填充 设置元件的属性 Axure RP 9 一共提供了单色、线性和径向3 种填充类型。用户可以在拾色器面板单击选择不同的填充方式。填充 设置元件的属性 选择单色填充模式，用户可以在拾色器面板中如下图所示位置设置颜色值，获得想要的颜色。用户可以输入Hex数值和RGB 数值两种模式的颜色值指定填充颜色，也可以使用吸管工具吸取想要的颜色作为填充颜色。填充 设置元件的属性 用户可以通过单击拾色器面板“色彩空间”或“颜色选择器” 按钮，选择不同的方式填充颜色。填充 设置元件的属性 用户可以拖动滑块或者在文本框中输入数值设置颜色的半透明效果。滑块在最左侧或数值为0% 时，填充颜色为完全透明；滑块在最右侧或数值为100% 时，填充颜色为完全不透明。填充 设置元件的属性 单击拾色器面板“收藏”下的图标，即可将当前所选元件的颜色收藏。在想要删除的收藏颜色上单击鼠标右键，选择“删除”选项，即可删除收藏颜色。填充 设置元件的属性 为了便于用户比较使用，拾色器面板“最近”下保留着用户最近使用的16 种颜色。当用户选择一种颜色后，拾色器面板“建议”下将会提供8 种颜色供用户搭配使用。填充 设置元件的属性 当用户选择“线性”填充时，用户可以在拾色器面板顶部的渐变条上设置线性填充的效果，渐变条如下图所示。填充 设置元件的属性 默认情况下，线性渐变有2 种颜色，用户可以通过分别单击渐变条两侧的锚点，设置颜色调整渐变效果。用户也可以在渐变条的任意位置单击添加锚点，设置颜色，实现更为丰富的线性渐变效果。填充 设置元件的属性