axure8怎么给网页制作Tabpage页效果?
发布时间：2017-08-29 17:44:32 作者：佚名 
我要评论
我要评论axure8怎么给网页制作Tabpage页效果？axure8中想要给网页设计一个tab标签效果，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考下
我们经常能在网页中看到Tabpage页，这是很长用的常用组件，下面我们就来看看使用axure制作的方法。
1、新建工程，在元件库中找：矩形元件,拖放到工作区。然后按照下图所示，按照顺序对元件进行：变形，旋转：
2、设置元件大小，并在选中元件后右键，将元件转换为动态面板：详细见下图
3、按照图示，对元件进行命名，状态命名操作，名称分别为 tab1、选中
4、进入选中状态后，添加一个文本，设置为：tab1,然后选中状态，右键进行“复制状态”操作：
5、复制状态后，对选中状态进行文字、背景的设置，如下图
6、复制三个“tab1”元件，并分别改变文字为：tab1/tab2/tab3，并命名，且将tab2/tab3的选中状态置后：
7、再添加一个动态面板，置于选项卡的下方，在状态1中添加一个图像元件，并添加图像。元件命名为：tabpage,然后复制状态两份，总计三份：
8、点击选项卡1，在属性中添加：鼠标单击时，交互事件：
9、根据图示，设置tab1/tab2/tab3的交互事件，添加思路：点击tab1设置 tab1状态为选中，其他为非选中，设置tabpage为页面1，依次类推，进行设置：
10、预览效果：
以上就是zxure标签页效果的制作方法，请继续关注脚本之家。
相关推荐：
相关文章
Axure RP8怎么设计倒计时获取短信验证码效果？经常能见到带有短信验证的网页，该怎么设计出这个交互效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-08-25
Axure RP怎么给网页添加滚动字幕？看到很多网页有滚动字幕，想要在Axure RP中制作滚动字幕效果，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-08-15
Axure RP怎么设计一款导航菜单？Axure RP中设计网页的时候需要设计一款导航菜单，该怎么设计恩？下面我们就来看看详细的教程，需要的朋友可以参考下2017-08-11
axure怎么给下拉框/列表框和元件文本添加内容？axure中有很多元件，今天我们就来看看给下拉框/列表框和元件文本添加内容的方法，需要的朋友可以参考下2017-07-25
Axure怎么绘制一幅生产产品图？Axure中想要设计一个生产产品图，该怎么设置呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2017-07-25
Axure有哪些元件？Axure中有很多元件在制作网页原型的时候需要使用，今天我们就来简单的介绍Axure元件的使用方法，需要的朋友可以参考下2017-07-21
Axure RP 8怎么给网页添加多选列表框？Axure RP 8设计网页的时候需要添加多选列表框，该怎么添加呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-07-19
Axure RP 8怎么设置页面弹出框居中显示？Axure RP 8设计网页的时候，想要合设计一个居中显示的弹框，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-07-13
Axure RP复选框怎么实现单选效果？Axure使用复选框的时候，但是却只想实现单选效果，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-07-06- Axure RP打开后鼠标不能使用该怎么办？在使用Axure RP的时候，发现打开以后鼠标无法使用，不能动了，该怎么办呢？下面我们就来看看这个问题的解决办法，需要的朋友可以参考2017-07-05
最新评论