在设计移动或后台不免碰到需要设计近似于如下图分隔内容上有联系关系但属于分歧类此外数据调集， 及tag标签页， 这里的设计一般是操纵动态面板， 以下为设计方式 。
需要这些哦
Axure 9
方式/
1以三个标签为例， 拖动三个矩形框作为标签1、标签2、标签3
设置悬停结果字体为浅蓝色
选中结果为字体为浅蓝色， 线段为浅蓝色
文章插图
2接着拖动一个矩形作为标签1要放置的内容承载， 这里举例直接写标签1了 。
文章插图
3接着将其转换当作动态面板
文章插图
4双击动态面板， 将状况1改为标签1， 新增标签2、标签3
文章插图
5别离进入标签2、标签3的状况， 为其状况设计要显示的工具， 这里举例为标签2、标签3如图
文章插图
文章插图
6【Axure标签页设计方法】退出动态面板并将动态面板设置为埋没
文章插图
7设置交互事务， 以标签1为例， 单击时显示动态面板， 状况为标签1， 矩形为选中状况
标签2、标签3同理， 单击时显示动态面板， 状况为对应状况， 对应矩形为选中状况
文章插图
8点击预览， 标签页的选择结果出来了， 可是呈现了选中时， 其他标签没变为不选中状况， 所以还需操纵选项组功能
文章插图
9将标签1、标签2、标签3全数选择， 右键选择选项组
文章插图
10然后新建选项组， 定名后点击确定
文章插图
11此时再点击预览， 就不会呈现选中多个的环境了
文章插图
以上内容就是Axure标签页设计方法的内容啦， 希望对你有所帮助哦！
推荐阅读
- Axure如何设计日期选择框
- 如何解决网络连接正常但网页打不开的问题
- 如何制作活页手帐
- Word怎么打印指定页
- axure如何自定义设计时间选择器
- WPS2019文档怎么设置每页的行数
- Google Chrome无法打开网页怎么解决
- 以"百度经验为例" 如何将网页转为手机APP
- MIUI 11 浏览器如何修改主页变得清爽
- 页脚怎么设置连续页码