专业编程基础技术教程

网站首页 > 基础教程 正文

互联网原型设计工具Axure教程之《table标签页》

ccvgpt 2024-08-10 12:40:43 基础教程 8 ℃

业务场景:点击“一”时,有填充色,动态面板显示“一”;点击“二”时,有填充色,其他矩形无填充色,动态面板显示“二”,以此类推。

互联网原型设计工具Axure教程之《table标签页》

实现思路:这个效果,需要动态面板,以及带有属性的矩形,矩形的编组。

操作方法:

1、拖入动态面板,设置4个状态,每个状态为了区分,1就对应一、2对应二。

2、拖入矩形,编辑为“一”,设置属性,选中时,填充色为蓝色。并且命名为“一”;复制其他三个矩形,分别为二、三、四。

3、全选所有矩形,设置选项组名称为“1”。任意名称都行,是为了编组。

4、设置条件。

在矩形“一”上,鼠标单击时,选中矩形“一”,且设置动态面板状态为“1”。依次设置矩形即可。

5、为了效果,在页面载入时,也选中矩形“一”吧。

简单的效果,高频次的使用。

(本文系作者原创,转载请注明出处,禁止商用;欢迎来找小编唠嗑,关注微信公众号:renhulianwang 或个人微信号 njqutine)

Tags:

最近发表
标签列表