继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Axure之简单的tab实现

慕粉慕粉慕粉慕粉慕粉慕粉慕粉慕粉慕粉
关注TA
已关注
手记 3
粉丝 29
获赞 183
  1. 在工作面板添加一个“动态面板”大小足够放下tab页接口,然后添加状态,状态个数与tab页签个数一致;添加完成后点击确定

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

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

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

  5. 动态面板的其他两个状态重复3,4两部即可,然后预览
打开App,阅读手记
2人推荐
发表评论
随时随地看视频慕课网APP