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

 时间:2024-10-28 06:26:10

今天继续跟大家分享Ax掼鸿乡羰ure的一些基础使用方法,希望能够帮助更多的朋友快速实现自己的原型设计。我们在设计原型的时候可能会用到很多效果,行选中稗卡蛟毪效果是比较常见的,在演示的过程中能够提升自己的水平,今天就来介绍如何实现。

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

工具/原料

Axure

方法/步骤

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 会产生一个~$开头的同名文件
热门搜索
植物标本制作图片 3d立体画图片 中国旗袍图片 猛女图片 鸟类图片大全带鸟名