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基础教程
  • mac,mysql启动后就关闭怎么办?不能启动mysql
  • 如何用javascript动态设置td的值?
  • 怎么可以使jquery的弹出层始终在最上面
  • Could not load the Tomcat server
  • word 会产生一个~$开头的同名文件
  • 热门搜索
    科学手抄报的资料 道德手抄报 讲文明手抄报内容 家乡手抄报 历史手抄报图片大全 消防安全手抄报知识 数学园地手抄报 关于地球的手抄报 小学垃圾分类手抄报 冬天手抄报