1. 首页
  2. 教程
  3. 基础教程

【Axure9基础教程】元件操作之交互样式的设置和使用

交互样式可以提前设置样式效果,当元件在浏览器中预览并遇到特定的状态时(如:鼠标悬停、鼠标按下、选中、禁用、获取焦点等),会触发对应状态的样式,从而实现在不同状态下触发不同的交互样式的效果
【Axure9基础教程】元件操作之交互样式的设置和使用

交互样式设置框

分为不同的类型,包括鼠标悬停、鼠标按下、选中、禁用、获取焦点,每一种类型代表一种状态,每次交互只会出现一种类型,每种类型都可以设置很多基础的样式效果
【Axure9基础教程】元件操作之交互样式的设置和使用

如何设置

有两种方式可以设置交互样式,一种是鼠标右键选中交互样式,在交互样式设置框中设置样式属性
【Axure9基础教程】元件操作之交互样式的设置和使用

另一种是在右侧交互面板中,添加交互样式,点击更多样式选项可以出现完整的样式属性设置
【Axure9基础教程】元件操作之交互样式的设置和使用

交互样式

鼠标悬停

当鼠标光标移到元件上时应用。
【Axure9基础教程】元件操作之交互样式的设置和使用

鼠标按下

当单击元件并按下鼠标按钮时应用。
【Axure9基础教程】元件操作之交互样式的设置和使用

选中

当通过“选中”操作将元件设置为选中状态时,或者在单击复选框或单选按钮时自动应用。
【Axure9基础教程】元件操作之交互样式的设置和使用

禁用

当通过“禁用”操作将元件设置为禁用状态时应用。(默认情况下在表单小部件(例如文本字段和下拉列表)上启用。)
【Axure9基础教程】元件操作之交互样式的设置和使用

获取焦点

当元件在Web浏览器中具有焦点时应用。如文本框和下拉列表之类的窗体元件在单击或切换到选项卡时会自动获得浏览器的关注。还可以通过“焦点”操作动态地给元件浏览器焦点。
【Axure9基础教程】元件操作之交互样式的设置和使用

提示

在文本框或文本域上定义提示文本的样式。
【Axure9基础教程】元件操作之交互样式的设置和使用

复制和粘贴样式效果

Axure9中,新增了交互样式复制粘贴效果,可以直接将某一个元件的交互样式复制到另一个元件上

原创文章,作者:院长大大,如若转载,请注明出处:http://www.axureschool.cn/789.html

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:fleede@163.com

工作时间:周一至周五,9:30-18:30,节假日休息