为了账号安全,请及时绑定邮箱和手机立即绑定

Axure之简单的tab实现

标签:
设计
  1. 在工作面板添加一个“动态面板”大小足够放下tab页接口,然后添加状态,状态个数与tab页签个数一致;添加完成后点击确定

  2. 在右下方的元件管理中点击第一个tab1进入编辑界面

  3. 在编辑框中使用矩形添加3个tab页签(矩形数与动态面板的个数保持一致),通过矩形上面的小圆点对矩形进行形状编辑,是矩形底部线条隐藏;或者通过右侧元件属性与样式中的属性选择形状进行选择;在面板上放一个大矩形,用于显示每个tab页的内容;因为在编辑第一个动态面板中的tab1,所以把tab1置顶,tab2,tab3置底部,如图:

  4. 依次为三个页签添加用例;选择tab1矩形,在右侧的元件交互与说明点击鼠标点击时弹出添加用力框(三个也签依次进行操作,在选择状态一次选择对应的状态即可)

  5. 动态面板的其他两个状态重复3,4两部即可,然后预览
点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消