登录| 注册
当前位置：
  1. 北极熊素材库
    2. →
  2. 教程
    1. Photoshop
    2. Lightroom
    3. PageMaker
    4. Autodesk Maya
    5. Premiere
    6. InDesign
    7. Adobe Audition
    8. Axure
    9. Illustrator
    10. Lumion
    11. 3ds Max
    12. Character Animator
    13. Motionbuilder
    14. Sketch
    15. CorelDraw
    16. After Effects
    17. Blender
    18. Auto CAD
    19. Dreamweaver
    3. →
  3. Axure
    1. 基础入门
    2. 动态面板
    3. 中继器
    4. 实例教程
    4. →
  4. 基础入门
    5. →
  5. Axure9基础教程：交互样式的设置和使用

Axure9基础教程：交互样式的设置和使用

0 2021-08-23 14:49 内容校对：海绵宝宝手里的锅铲
收藏（0） 共有 486 人学习了本教程

《Axure9基础教程：交互样式的设置和使用》是一篇关于Axure的学习教程，通过简单几步就能实现教程中的效果图效果，当然只学习这一点，并不能完全掌握Axure技巧；你可以通过此加强操作实例，设置，元件样式等多维度案例或实操来进行更多的学习；此教程是由HarryTao在2021-08-23发布的，目前为止更获得了 0 个赞；如果你觉得这个能帮助到你，能提升你Axure技巧；请给他一个赞吧。

交互样式可以提前设置样式效果，当元件在浏览器中预览并遇到特定的状态时（如：鼠标悬停、鼠标按下、选中、禁用、获取焦点等），会触发对应状态的样式，从而实现在不同状态下触发不同的交互样式的效果

Axure9基础教程：交互样式的设置和使用

交互样式设置框

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

Axure9基础教程：交互样式的设置和使用

如何设置

有两种方式可以设置交互样式，一种是鼠标右键选中交互样式，在交互样式设置框中设置样式属性

Axure9基础教程：交互样式的设置和使用

另一种是在右侧交互面板中，添加交互样式，点击更多样式选项可以出现完整的样式属性设置

Axure9基础教程：交互样式的设置和使用

交互样式

鼠标悬停

当鼠标光标移到元件上时应用。

Axure9基础教程：交互样式的设置和使用

鼠标按下

当单击元件并按下鼠标按钮时应用。

Axure9基础教程：交互样式的设置和使用

选中

当通过“选中”操作将元件设置为选中状态时，或者在单击复选框或单选按钮时自动应用。

Axure9基础教程：交互样式的设置和使用

禁用

当通过“禁用”操作将元件设置为禁用状态时应用。（默认情况下在表单小部件（例如文本字段和下拉列表）上启用。）

Axure9基础教程：交互样式的设置和使用

获取焦点

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

Axure9基础教程：交互样式的设置和使用

提示

在文本框或文本域上定义提示文本的样式。

Axure9基础教程：交互样式的设置和使用

复制和粘贴样式效果

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

以上就是Axure9基础教程：交互样式的设置和使用的全部内容介绍了，关于更多Axure教程信息，欢迎关注北极熊素材库，给你带来最丰富的素材图片和最有用的教程，更多最新资讯。

0

赠人玫瑰，手有余香

本内容由HarryTao原创发布，小编仅对内容版式进行调整，如有侵犯你的权利，请联系我们。

本文标签

交互产品 元件样式 设置 操作实例

如果你觉得好，你可以将本课程转发给你的朋友!

< 上一篇 Axure实现增删查改的树型结构操作实例

> 下一篇 Axure9基础教程：默认选中、禁用效果

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

HarryTao
HarryTao

有丰富的品牌塑造经验与深厚的设计绘画功底，擅长系统化创意创作

共发布了241个文章 共获得12个赞

最新发布的教程

id表格添加斜线的详细步骤

2022-08-31 08:13

PS人像精修系列：毛发精修（下）

2022-06-14 10:00

查看更多此作者的教程

文章中所使用的软件

或许你对这些其他设计教程感兴趣

猜你想学

学习人数最多的教程

用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名，6-15个字符

请输入密码，最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议
找回密码
记起来了，现在登录

请输入用户名，6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中，请在三天内修复密码。

3秒后，将关闭此窗口 立即关闭

立即注册
已有账户，现在登录

请输入用户名，6-15个字符

请输入密码，最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材，助力您的工作和学习

立即升级VIP会员
关于我们
网站导航
客服咨询

19848

会员数量

36650

素材数量

167

下载数量

220

作者数量

13108

教程数量

37

学习人数

© 2017-2021, 北极熊素材库(bjxku.com) LLC. copyright@ www.bjxku.com 渝ICP备20008086号-8 公安部网络违法犯罪举报网站 公安部网络违法犯罪举报网站 渝公网安备 50010702504641号 不良信息举报 不良信息举报
Creative Commons