样式交互效果 #
样式交互效果是替代的元件样式，当Widgets（元件）在浏览器中处于特定状态时，例如被鼠标移到或点击时，这些样式会自动应用到Widgets（元件）。当Widgets（元件）进入触发状态时，样式交互效果被应用。当Widgets（元件）退出触发状态时，样式交互效果被移除，Widgets（元件）恢复到其基本样式。
一些常见的例子包括。
- 文本链接在鼠标移动时获得下划线
- 点击时改变颜色的按钮
- 当聚焦或应用错误状态时，文本字段会获得不同的边框颜色。
你可以根据自己的需要为一个Widgets（元件）分配尽可能多的样式交互效果。
提示
请看 interactive button tutorial (opens new window) ，学习如何使用按钮的样式交互效果。
(opens new window) 样式交互效果 #
(opens new window) 鼠标移动 #
当鼠标指针移到Widgets（元件）上时应用。(默认添加到 text links (opens new window) )。
(opens new window) 鼠标下降 #
当Widgets（元件）被点击，而鼠标按钮被按下时应用。(默认添加到 text links (opens new window) )。
(opens new window) 精选 #
当Widgets（元件）用 Set Selected 动作设置为它的选择状态时，或者当复选框或单选按钮被点击时自动应用。
(opens new window) 禁用 #
当Widgets（元件）被 Disable 动作设置为禁用状态时应用。(默认添加到表单Widgets（元件），如 text fields (opens new window) 和 droplists (opens new window) )。
(opens new window) 误差 #
当Widgets（元件）被 Error State Set 动作设置为错误状态时应用。
(opens new window) 重点关注 #
当Widgets（元件）在浏览器中拥有焦点时应用。像 text fields (opens new window) 和 droplists (opens new window) 这样的表格Widgets（元件）在被点击或标签到时自动获得浏览器焦点。你也可以用 Focus 动作动态地给一个Widgets（元件）浏览器焦点。
(opens new window) 提示 #
定义一个 text field or text area (opens new window) 上的提示文本的样式。（在这些Widgets（元件）上默认是启用的）。
(opens new window) 启用样式交互效果 #
要在一个Widgets（元件）上启用一个样式交互效果。
选择该Widgets（元件），并在 Interactions 面板的 Shape Properties 部分点击 Add Style Effect 。
从列表中选择你想要的样式交互效果。
在出现的块中，选择你想改变的样式交互效果的样式属性。
你可以通过点击 More Style Properties ，看到 the full list of style properties (opens new window) 。
当你编辑一个样式交互效果时，你所做的改变将暂时应用到画布上的Widgets（元件）。当你在 Interactions 面板中关闭样式交互效果的块时，Widgets（元件）将回到它的默认样式。
提示
如果你想对多个Widgets（元件）使用相同的样式交互效果选择，创建一个 widget style (opens new window) ，以保持你的样式选择。然后当你在一个Widgets（元件）上启用样式交互效果时，在 Widget Style 下拉菜单中选择元件样式。
如果你将来对元件样式进行修改，这些修改将自动应用于所有使用它的Widgets（元件）。
(opens new window) 复制和粘贴样式交互效果 #
你可以用 the format painter (opens new window) ，从一个Widgets（元件）复制和粘贴样式交互效果到另一个Widgets（元件），可以在主菜单 Edit → Format Painter 。