如何使用Axure RP8制作Tab选项卡

第一步:

先找到元件库中的矩形并将其拖拉到内容区域,并设置自己想要宽度和高度。

这三个矩形都是一样的,只是填充的颜色不一样

第二步:

在元件库中拖拉按钮(需要几个拖拉几个),如图,然后在拖拉一个动态面板(在动态面板中添加状态),并且分别为它们命名(目的是为了之后好区分它们),最后分别在动态面板的状态中添加内容,如:图片,文字等。

第三步:

分别给按钮添加鼠标单击时的事件,设置其选中状态和动态面板状态,如下图。

也可以分别在交互样式中设置选中时的填充颜色,如下图。

设置好之后按右上角的预览或者是键盘上的F5就可以看做出来的效果了。如图,这样就完成啦。

你可能感兴趣的:(如何使用Axure RP8制作Tab选项卡)