axure8教程制作Tabpage页

 时间:2024-10-11 22:13:05

1、新建工程,在元件库中找:矩形元件,拖放到工作区。然后按照下图所示,按照顺序对元件进行:变形,旋转:

axure8教程制作Tabpage页

2、设置元件大小,并在选中元件后右键,将元件转换为动态面板:详细见下图

axure8教程制作Tabpage页

3、按照图示,对元件进行命名,状态命名操作,名称分别为 tab1、选中

axure8教程制作Tabpage页

4、进入选中状态后,添加一个文本,设置为:tab1,然后选中状态,右键进行“复制状态”操作:

axure8教程制作Tabpage页

5、复制状态后,对选中状态进行文字、背景的设置,如下图

axure8教程制作Tabpage页

6、复制三个“tab1”元件,并分别改变文字为:tab1/tab2/tab3,并命名,且将tab2/tab3的选中状态置后:

axure8教程制作Tabpage页

7、再添加一个动态面板,置于选项卡的下方,在状态1中添加一个图像元件,并添加图像。元件命名为:tabpage,然后复制状态两份,总计三份:

axure8教程制作Tabpage页
axure8教程制作Tabpage页

8、点击选项卡1,在属性中添加:鼠标单击时,交互事件:

axure8教程制作Tabpage页

9、根据图示,设置tab1/tab2/tab3的交互事件,添加思路:点击tab1设置 tab1状态为选中,其他为非选中,设置tabpage为页面1,依次类推,进行设置:

axure8教程制作Tabpage页
axure8教程制作Tabpage页
axure8教程制作Tabpage页

10、预览效果:

axure8教程制作Tabpage页
  • Axure8怎么设置纸张尺寸大小
  • 图解Axure RP中导航菜单制作
  • Axure RP显示与隐藏网页元件的操作
  • axure中如何设置鼠标按下时矩形变色效果制作
  • Axure怎么制作流程图
  • 热门搜索
    没有字的手抄报 有关运动会的手抄报 庆五一手抄报内容 六一手抄报版面设计图 助人为乐手抄报 法制在我身边手抄报 防震减灾手抄报花边 日行一善手抄报内容 法制安全手抄报资料 校园安全知识手抄报