#推荐
【基础教程】交互样式的设置

2024-07-02 0 1,013

交互样式设置样式效果,

当元件在浏览器中预览并遇到特定的状态时(如:鼠标悬停、鼠标按下、选中、禁用、获取焦点等),会触发对应状态的样式,从而实现在不同状态下触发不同的交互样式的效果
img

交互样式设置样式效果,

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

交互样式设置框

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

如何设置

有两种方式可以设置交互样式,一种是鼠标右键选中交互样式,在交互样式设置框中设置样式属性
另一种是在右侧交互面板中,添加交互样式,点击更多样式选项可以出现完整的样式属性设置
【基础教程】交互样式的设置

 鼠标悬停

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

选中

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

禁用

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

获取焦点

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

复制和粘贴样式效果

在Axure9中,新增了交互样式复制粘贴效果,可以直接将某一个元件的交互样式复制到另一个元件上
【基础教程】交互样式的设置

复制和粘贴样式效果

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

感谢您的支持,我会继续努力的!

扫码打赏,加速更新更多文章。
常见问题
  • 本站资源版权属 AxureMost.cn 所有。任何非官网途径下载均属于盗版,后台有检测机制一经发现传播,共享,出售会起诉追会本站损失。
查看详情
  • 请比对下载完压缩包的与网盘上的容量。
查看详情

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务