axure8怎么给网页制作Tabpage页效果?

我们经常能在网页中看到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标签页效果的制作方法,请继续关注我们。

(0)

相关推荐

  • ppt怎样制作翻页效果

    ppt制作翻页效果的方法: 首先我们打开PPT,准备好一个空白的文档 接下来绘制书页,自选图形--星与旗帜--波形,在空白页添加该图形之后,调整它的形状(控制黄色小图标拉到合适的形状).大小(不超过空 ...

  • 怎样用Photoshop制作卷页效果

    卷页效果是路径工具的另一妙用,几分钟网教你如何用Photoshop制作卷页效果. 步骤/方法 01 新建一个文档,320×420像素大小,分辨率为72,白色背景.选择矩形矢量形状工具,用新建工作路径的 ...

  • ps如何制作翻折效果(ppt如何制作翻页效果)

    今天给大家分享如何用PS制作翻页效果的小技巧,跟着我的步骤你也能学会,简单且实用,记得点赞收藏 关注哦.下面我来演绎一下.1.首先用PS打开一张图片素材,ctrl j复制一层,如图.2.在图层上方新建 ...

  • AE怎么制作翻页效果

    用AE制作出纸张翻页的立体效果 操作方法 01 新建一个形状图层 02 绘制一个矩形作为一张纸 03 将这个形状图层转换为一个预合成(形状图层没有办法添加这个翻页的特效) 04 裁剪这个预合成并调整这 ...

  • flash 制作翻页效果

    flash动画制作软件他可以制作[广告设计][动画制作][游戏制作][课件制作][光盘制作]是一款功能强大的涉及面广泛的软件. 操作方法 01 打开flash  cs4软件.[文件][导入][导入到库 ...

  • 使用Photoshop制作图片的卷页效果

    Photoshop可以制作出很多特效,翻页效果就是很常见的特效之一.下面就为大家介绍一下,制作简单且实用的翻页效果. 操作方法 01 准备两张素材文件并用Ps打开,然后将需要制作翻页效果的图像置于&q ...

  • PPT如何制作新颖创意的复古卷页效果

    这篇教程是PPT2007制作新颖创意的卷页效果教程,教程很不错,喜欢的朋友一起来学习吧! 复古卷页效果 1.首先我们新建一个幻灯片,在这里点击"插入",插入一个"圆角矩形 ...

  • 电脑axure怎么制作登录页和注册页切换效果

    接下来小编就教大家怎样使用axure来制作登录页和注册页的切换效果.具体如下:1.首先我们打开电脑,找到axure图标点击打开.进入到软件界面之后,我们找到左侧菜单中的登录页选项,然后我们就可以拖动登 ...

  • 电脑WORD文档中左右/上下对折拼页效果如何制作

    word是我们现在经常使用的办公软件之一,我们在打印的时候有时混需要将第1/2页打印在一面,今天小编就告诉大家电脑WORD文档中左右/上下对折拼页效果如何制作.具体如下:1. 首先我在电脑中新建一份W ...