Axure RP实例教程：形状-唯一选中项
发布时间：2023-04-16 01:51:04
标签：Axure,RP,9,教程,Axure,9.0,amc,Axure,9案例
Axure RP 9 Mac这款原型设计软件能让设计者快速创建应用软件，或者在web网站的线框图、流程图、原型和规格的设计制作，从低到高的视觉和交互保真度的全方位构建，是目前业界首屈一指的交互式产品原型设计软件！此次小编就带大家来看看Axure RP如何做形状-唯一选中项效果。
1、案例效果：
整体界面效果：
原型实现效果：
2、案例描述：
点击每一个金额按钮时，当前按钮变为红色背景与白色字体，其它按钮恢复白色背景与黑色字体。
元件准备：
页面中：
3、思路分析：
按钮有两种状态与样式，可以通过元件的交互样式来实现；（操作步骤1）
点击按钮时，通过设置当前的元件为被选中的状态使其变色；（操作步骤3）
只允许有一个按钮呈现被选中的样式，可以通过给所有按钮元件设置选项组名称来实现效果。（操作步骤2）
4、操作步骤：
1、在页面上添加一个矩形元件，在元件属性中为其设置【选中】的样式，可参考基础23；
2、在元件属性中，{设置选项组名称}为“Price”；
3、为元件的【鼠标单击时】添加“用例1”，设置动作【选中】“当前元件”。
4、最后将此元件复制多个，排列整齐，更改金额文字；
5、将第一个元件的【选中】勾选，让其在页面加载时即为已选中的状态。
补充说明：
本案例中的按钮默认样式设置包括：
圆角半径：5；
阴影：偏移(0,0)；模糊(5)；
本案例中使用了“FontAwesome4.4.0”图标字体元件库，需要安装字体文件支持，并进行Web字体设置。
0
投稿猜你喜欢
Win11音量图标不见了？近期有部分Win11用户想对电脑音量大小进行调整时，发现电脑桌面右下角的小喇叭不见了，这是什么情况，有没有什么方法- 复制、剪切和粘贴操作是Word2010中最常见的文本操作，其中复制操作是在原有文本保持不变的基础上，将所选中文本放入剪贴板;而剪切操作则是在
- excel中lookup函数有什么作用?怎么使用lookup函数?很多朋友都不是很清楚，所以下面小编就为大家详细介绍一下，不会的朋友快快来学
- 有很多使用Win10系统的用户们反应，电脑的屏幕看视频看久了很难受，其实这主要是屏幕刷新频率没有设置好，正常情况下Win10系统屏幕刷新频率
- 欢迎观看 Microsoft PowerPoint 教程，小编带大家学习 PowerPoint 的使用技巧，了解如何在 PowerPoint
- 如何把win10图标缩小？win10系统中图标太大导致没放几个图标就挤满了桌面，一般视力还好的用户的话一般不需要太大的图标就可以看清楚，总觉
- Google为Chrome构建了一个应用运行环境,使得Android应用可直接在Chrome OS系统中运行。用户可以直接在Chrome O
- Eagle是一款素材管理软件，它最近新推出了很多实用的新功能，你知道Eagle怎么添加字体的吗？接下来我们一起往下看看Eagle添加字体的方
- 我们在制作一个Excel表格的时候，如果行数较多，列数也较多时，一旦向下滚屏，则上面的标题行也跟着滚动，在处理数据时往往难以分清各列数据对应
- 在局域网当中，如果电脑启用网络发现就可以让这台电脑快速被其他电脑发现，这样方便共享文件分享。那么Win10如何启用网络发现？下面小编就给大家
- 在我们的电脑中，总有一些问价你是由于重要或者是私人的原因，而不想给别人看，文件删除的时候，也会担心删除不干净，还能被还原。那么该如何才能将这
- 大家还记得Office中的“格式刷”吗？它可以将一个对象的格式复制到其他对象上。在PowerPoint2010中又新增了一个很有用的工具“动
- 电脑启动慢的原因无外乎有以下原因造成的：电脑硬盘老化导致，电脑硬件配置太旧导致以及系统使用过久导致。我们通过以上的原因就可以很快速的帮助您解
- 去年的 WWDC 活动中，苹果上演了一出压轴好戏，推出了 Apple Silicon 芯片。不过你可能没注意到活动中还有个小细节，当谈到 A
- 福昕PDF阅读器打印时提示“打印机被意外删除了”怎么处理？我们很多的PDF文档都是通过福昕阅读器的Foxit Reader PDF Prin
- WPS2007的功能是相当强大的，对于普通办公而言，已经是完全足够了。这里，我们介绍两则关于WPS2007解决复杂输入的技巧：技巧一：巧妙输
- ppt怎么制作树状章节导航？ppt中想要制作一个简洁的章节导航，该怎么制作树状导航呢？下面我们就来看看ppt导航的制作方法，需要的朋友可以参
- DeepL for Mac是一款Mac上的翻译工具，DeepL 通过其独有的 Linguee 人工翻译数据库，利用不断接受到的翻译文本对其神
- word表格怎么创建性别下拉列表？word中想要制作一个男女性别选项的下拉列表，该怎么创建呢？下面我们就来看看详细的教程，需要的朋友可以参考
- 在使用win8系统时，我们常常会在电脑中安装一些软件，但是最近朋友在安装时遇到代码错误0×80004005的问题，根据微软的解释，如果未正确
