二维码
微世推网

扫一扫关注

当前位置: 首页 » 企业商讯 » 农业常识 » 正文

Axure使用技巧_设置选项组

放大字体  缩小字体 发布日期:2022-12-29 05:21:34    作者:郭宜淳    浏览次数:187
导读

感谢导语:选中功能是日常应用中得常见功能,那么,我们可以如何利用Axure来设置选项组?本篇文章里,感谢分享介绍了利用Axure来设置选项组得使用技巧,一起来看一下。今天得内容说得是选中功能得实现。效果如下图:一共需要三步:给元件设置好选中状态;设置悬浮状态、加阴影文字变色状态;设置选项组。具体步骤如下。一、

感谢导语:选中功能是日常应用中得常见功能,那么,我们可以如何利用Axure来设置选项组?本篇文章里,感谢分享介绍了利用Axure来设置选项组得使用技巧,一起来看一下。

今天得内容说得是选中功能得实现。效果如下图:

一共需要三步:

    给元件设置好选中状态;设置悬浮状态、加阴影文字变色状态;设置选项组。

具体步骤如下。

一、给元件设置好选中状态

拖出一个带阴影得大矩形备用。拖出一个相同颜色得小矩形,并在上面写好你想要得文字标识。

为这个小矩形设置交互。

在单击时设置选中,目标为当前元件。设置值为真。

这个意思就是,当我们感谢阅读了这个元件以后,我们是真得选中了。

打好底以后,我们开始为这个元件上妆,做效果。

二、设置悬浮状态、加阴影文字变色

在完成上面一步以后,我们可以像在word里设置文字得样式一样,设置这个元件得样式。不同得点在于,元件之所以会变换样式,是因为我们对它发出交互。

所以简单来说,就是动作+样式。

选中元件以后,右击选择交互样式。

交互样式有“鼠标悬停”、“鼠标按下”、“选中”、“禁用”、“获取焦点”五个模式。

我们这次用到得是“选中”和“鼠标悬停”。

分别在这两个栏目下设置你想要得填充和字体颜色,就完成上妆了。

三、设置选项组

首先解释一下为什么要设置选项组。通过上面得步骤,我们已经完成了这次交互80%得工作了,没有全部按完成得原因,在于仅有上面得设置,会出现这样得效果。

而选项组得意义就在于,在一组选项中,它每一次只会选中其中得一项,每个选项之间都是互斥得。

将这些选项全部选中,然后右击选项组,填入名称,就可以完成交互了。

其他小技巧:在矩形上加文字,可以采用相同背景色得小矩形叠加,不必使用文本框。

感谢由 等艾筱说 来自互联网发布于人人都是产品经理,未经许可,禁止感谢

题图来自Unsplash,基于 CC0 协议

 
(文/郭宜淳)
打赏
免责声明
• 
本文为郭宜淳原创作品•作者: 郭宜淳。欢迎转载,转载请注明原文出处:http://www.udxd.com/qysx/show-135460.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们邮件:weilaitui@qq.com。
 

Copyright©2015-2023 粤公网安备 44030702000869号

粤ICP备16078936号

微信

关注
微信

微信二维码

WAP二维码

客服

联系
客服

联系客服:

24在线QQ: 770665880

客服电话: 020-82301567

E_mail邮箱: weilaitui@qq.com

微信公众号: weishitui

韩瑞 小英 张泽

工作时间:

周一至周五: 08:00 - 24:00

反馈

用户
反馈