码迷,mamicode.com
首页 > 其他好文 > 详细

AxureRP分页签 / Tab选项卡切换功能~

时间:2018-07-27 17:27:47      阅读:848      评论:0      收藏:0      [点我收藏+]

标签:新建   编辑   idt   分享   分页   矩形   圆点   底部   inf   

最终结果图如下:

实现过程:

1、从元件库中拖一个动态面板,调整所需大小,接下来的步骤都通过双击动态面板来完成。

2、双击动态面板,弹出框“面板状态管理”,新建状态并命名。此处新建了TAB1、TAB2、TAB3...(需要几个tab根据自己需求)。

技术分享图片

3、再次双击动态面板(之后要再修改控制面板的内容都双击),弹出“面板状态管理”。双击TAB1,进入tab1编辑页面。

  在tab1界面,拖动一个大矩形,三个小矩形。调整位置将三个小矩形的底部和大矩形的顶部重合(这里可以放大来看,一定要重合)。

技术分享图片

4、选中tab1,点击矩形右上角的小圆点,选择底部无框的矩形,此时tab1的底边就不见了。

 

技术分享图片

 

技术分享图片

效果图:

技术分享图片

 再给tab2和tab3添加背景颜色:

技术分享图片

 

AxureRP分页签 / Tab选项卡切换功能~

标签:新建   编辑   idt   分享   分页   矩形   圆点   底部   inf   

原文地址:https://www.cnblogs.com/luwanying/p/9378656.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!