通过学习Axure了解选项卡
选项卡是由几个按钮组成,通过点击显示页面的切换。选项卡的步骤也很简单,选项卡通过运用判断加动态面板和选中效果再加上手机元件实现的。
实现效果:A.如果选中是1,那么点2和点3分别向左滑动
B.如果选中2,那么点击1向右滑动,点击3向左滑动
C.如果选中3,点击1和2都向右滑动
现在我们开始进入操作步骤:
拖出一个手机元件,再拉出来矩形,放入一个按钮命名选项卡。
让它上下居中左右对齐。
拉三个矩形设置成动态面板分别取名为1,2,3 字体选择20。
拖矩形设置背景颜色,分别设置三个动态面板的背景颜色。
点击1时设置动态面板状态:
慢慢的我们会发现一个规律,不管我们选择1还是2 ,3永远都是向左边滑动,
所以我们首先来设置3的面板状态,实现其效果。
如下图:
设置动态面板2首先我们设置判断如果选择为1时,2和3都要向左边滑动。
步骤如下图:
如果点击3,点击1和2都向右滑动。
步骤如下图:
做这个选项卡的时候,我们要实现一个效果考虑多个条件,满足多个条件才可以,实现其效果。
这是我所学到引用步骤,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!