Axure原型工具如何制作标签页

 时间:2024-10-14 04:10:44

1、首先创建一个空白页面,在工作区域拖入矩形及动态面板等元件元素,如下图所示。

Axure原型工具如何制作标签页

2、下面对元件样式进行设置,并对元件的名称进行命名,如下图所示,将矩形和动态面板的样式调整如下样式。

Axure原型工具如何制作标签页

3、下面打开动态面板,在state1中加一些文字描述,比如选项卡一的内容,如下图所示。

Axure原型工具如何制作标签页

4、相同的方式,复制出两个State,并在其中加一些文字描述,如下图所示。

Axure原型工具如何制作标签页

5、下面我们对三个矩形的鼠标按下和选中时的样式进行设置,这样效果更加明显,如下图所示。

Axure原型工具如何制作标签页

6、同样的方式,将其他两个矩形的鼠标按下和选中时的样式进行设置,如下图所示。

Axure原型工具如何制作标签页

7、三个矩形的样式设置完吮钾熨追成后,需要选中三个矩形,将其分组名称进行设置,这个三个在一组的话,只能选中某一个矩形,如下图所示。

Axure原型工具如何制作标签页

8、下面开始对三个矩形的属性交互事件进行设置,主要是单击时的交互效果,如下图所示。

Axure原型工具如何制作标签页

9、同样的方式,我们将其他两个矩形的鼠标单击时的属性交互事件进行设置,如下图所示。

Axure原型工具如何制作标签页

10、好了,f5预览一下效果,点击不同矩形,就有了选项卡的效果了,如果还不够完美,还可以继续调整。

  • 如何利用Axure RP 8设计工具控制图片显示和隐藏
  • 墨刀如何实现和AXURE一样的动态面板?
  • Axure怎么实现页面载入时元素旋转效果
  • axure怎么创建多个下拉选择项
  • Axure RP 8怎么绘制正方体
  • 热门搜索
    抗击病毒手抄报内容 节俭手抄报 关于廉洁的手抄报 关于长城的手抄报 手抄报花边简笔画 爱国卫生月手抄报 抗击疫情手抄报简单 关于五一的手抄报 普通话手抄报简单 世界无烟日手抄报图片