Axure 选项卡

通过学习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都向右滑动。
步骤如下图:
在这里插入图片描述

做这个选项卡的时候,我们要实现一个效果考虑多个条件,满足多个条件才可以,实现其效果。
这是我所学到引用步骤,所以我要分享给你们,希望可以帮助到你们。
以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值