在设计移动或后台不免碰到需要设计近似于如下图分隔内容上有联系关系但属于分歧类此外数据调集,及tag标签页,这里的设计一般是操纵动态面板,以下为设计方式。
以三个标签为例,拖动三个矩形框作为标签1、标签2、标签3
设置悬停结果字体为浅蓝色
选中结果为字体为浅蓝色,线段为浅蓝色
接着拖动一个矩形作为标签1要放置的内容承载,这里举例直接写标签1了。
接着将其转换当作动态面板
双击动态面板,将状况1改为标签1,新增标签2、标签3
别离进入标签2、标签3的状况,为其状况设计要显示的工具,这里举例为标签2、标签3如图
退出动态面板并将动态面板设置为埋没
设置交互事务,以标签1为例,单击时显示动态面板,状况为标签1,矩形为选中状况
标签2、标签3同理,单击时显示动态面板,状况为对应状况,对应矩形为选中状况
点击预览,标签页的选择结果出来了,可是呈现了选中时,其他标签没变为不选中状况,所以还需操纵选项组功能
将标签1、标签2、标签3全数选择,右键选择选项组
然后新建选项组,定名后点击确定
此时再点击预览,就不会呈现选中多个的环境了
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!