美文网首页
如何使用Axure RP8制作Tab选项卡

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

作者: 勿念_17a6 | 来源:发表于2018-08-27 09:24 被阅读0次

    第一步:

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

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

    第二步:

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

    第三步:

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

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

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

    相关文章

      网友评论

          本文标题:如何使用Axure RP8制作Tab选项卡

          本文链接:https://www.haomeiwen.com/subject/tsbaiftx.html