网络编程
位置:首页>> 网络编程>> 网页设计>> 如何用Axure制作Tab页签(2)

如何用Axure制作Tab页签(2)

作者:锦心 来源:Alipay UED 发布时间:2009-02-08 17:53:00 

标签:axure,tab,设计,标签

第4步:

a.选中含有“tab1”文字的上圆角矩形框,双击控件交互面板(Annotations&interactions)中的OnMouseEnter(这个教程是通过鼠标的滑动来切换各个页签,如果想通过鼠标点击进行切换,则双击OnClick),弹出交互场景属性面板(Interaction Case Properties),在面板中的step2中勾选Set Panel state(s) to State(s),相应的,会在step3中出现“Set Panel state to State”(如图5)。


 

图5

b.点击Panel state to State,弹出Set Panel state to state面板,勾选“set Tab页签设计state to state”,此时,step2中出现“Set Tab页签设计 state to tab 1”,单击tab 1,选择要显示的状态,这里选择tab 1。

同理,为含有“tab 2”和“tab 3”的上圆角矩形框添加交互行为,只是在b步骤中单击tab1选择显示状态时,分别选择tab 2、tab 3。效果如图6

图6

第5步:

全选tab1页面,ctrl+c复制。双击“动态Tab页签设计”动态面板,弹出动态面板状态管理器(Dynamic Panel State Manager)对话框,在panel state中双击tab 2,ctrl+v粘贴tab1页面。更改tab1上圆角矩形和tab2上圆角矩形的填充色,并更改内容。效果如图7所示。

图7

第6步:

依据第5步的操作,我们完成tab 3的设置。

第7步:

点击主菜单―Generate->Prototype (F5)或工具栏上的Prototype按钮,在打开的 Configure HTML Prototype对话框中,可以对原型进行配置和生成。配置完毕后,点击Generate按钮生成原型。

完毕,bow~

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com