品牌型号:联想Yoga 14Sitl
系统:Windows 10 64位专业版
软件版本:Axure rp 9
在制作原型页面的过程中,经常需要同时移动多个界面元素。如果能熟练掌握批量选中技巧,就能减少大量重复劳动。而单选按钮用在从几个选项里只能挑一个的情境里,可以让操作逻辑更加清晰。下面就为大家介绍Axure RP怎么选中多个元件,Axure RP设置单选按钮交互的相关内容。
一、Axure RP怎么选中多个元件
一个完整的页面往往由许多独立元件组成,如果一个一个修改或移动,不仅费时,还容易出错。学会多选,是原型制作中提高速度的关键。多选一般有两种常用方式。
1、用鼠标选:平时点击元件一次是选中单个元件。如果要选多个,可以用鼠标划选。只要划动的范围覆盖了想选的元件,里面的元件都会被选中。这种方法适合批量操作,一次可以选很多元件,特别方便。

2、用键盘选:先选中一个元件,按住Ctrl键再点其它元件,就可以多选。这种方式适合少量元件,或者元件之间有重叠,需要精准选中的情况。另外,Ctrl+A可以选中页面里所有元件,适合整个页面内容迁移时使用。
二、Axure RP设置单选按钮交互
单选按钮在交互设计中出现频率很高,比如调查问卷、设置界面等,它通常用来确保只能做出单一选择。实现单选交互主要有两种思路:一种是直接使用软件自带的组件,另一种是根据需求自行设计外观并添加交互逻辑。
1、用软件自带的单选按钮。如果不需要个性化设置,用自带的最快。在左侧元件库里找到单选按钮,拖到画布里,会看到一个圆加文字。点一下圆,中心会出现一个点表示选中,再点一下,点消失表示取消选中。这个交互动作是软件封装好的,我们用的时候只要改文字就行,非常方便。

2、自定义单选按钮样式。如果软件自带的不符合需求,比如想做红色外框提醒的单选框,就得自己做并添加交互逻辑。
①先用圆元件做一个30*30的小圆,用文本标签打上文字【勾选内容】,把圆的外框改成红色。这个圆点现在点是没有反应的,需要添加交互逻辑。

②复制一份这个圆,在新圆的中心放一个小黑点(用圆元件,填充为黑色,取消描边,缩小后就是圆点)。把圆和圆点Ctrl+G变成组合,它们一起构成了选中状态的单选框样式。

③右键点击原本的圆,选择【转换为动态面板】,软件会把这个圆放入动态面板的状态1里。

④在概要面板里,右键动态面板【添加状态】,把选中后的单选框放进状态2,注意位置要和原来的圆对齐。

⑤回到画布,选中动态面板,在右侧交互里添加【单击】事件,动作选【切换面板状态-下一项】,勾选【向后循环】。这样就能实现点一下选中,再点一下取消的效果。单选按钮的交互就设置完成了,可以预览看看最终效果。

以上就是Axure RP怎么选中多个元件,Axure RP设置单选按钮交互的相关内容。掌握这些基础操作后就能快速选中多个元件、批量调整位置或属性,也能自己做个性化的单选按钮,让页面交互更符合需求。多练几次,就能做到又快又准,做原型更顺手了。
