手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Axure如何实现单行选中的效果-Axure基础教程

时间:2024-10-11 22:12:35

1、新建一个中继器。打开Axure,拖入中继器元件。中继器是我们只做一下交互效果经常会用到的一个元件,熟练掌握能够有助于我们做出更逼真的原型。

Axure如何实现单行选中的效果-Axure基础教程

2、编辑中继器内容。双击中继器,进入编辑界面,如图,我这里随便写了一条测试数据。

Axure如何实现单行选中的效果-Axure基础教程

3、设置选中后的效果。选中所有内容,然后在右侧的选中事件中,添加效果--填充颜色--选中颜色,然后确定。

Axure如何实现单行选中的效果-Axure基础教程
Axure如何实现单行选中的效果-Axure基础教程

4、将所有元件分组。选中多有元件,然后按下ctrl+G快捷键,将所有的元件组成一组,根据需要重命名。

Axure如何实现单行选中的效果-Axure基础教程

5、添加单击事件。选中组,然后点击右侧交互中的鼠标单击时,在弹出的面板中依次操作:选中--选中刚刚的分组,如图所示,点击确定。

Axure如何实现单行选中的效果-Axure基础教程
Axure如何实现单行选中的效果-Axure基础教程

6、设置选项组名称。在右侧面板中有一个选项组名称,设置上一个名字。

Axure如何实现单行选中的效果-Axure基础教程

7、取消勾选格力选项组效果。回到主页面,点击中继器,在右侧的设置面板中有一个隔离选项组的选项,如图所示,默认是选中状态,我们要将其取消勾选,否则无法实现单选效果。

Axure如何实现单行选中的效果-Axure基础教程
Axure如何实现单行选中的效果-Axure基础教程
© 手抄报圈