手记

Axure之简单的tab实现

  1. 在工作面板添加一个“动态面板”大小足够放下tab页接口,然后添加状态,状态个数与tab页签个数一致;添加完成后点击确定

  2. 在右下方的元件管理中点击第一个tab1进入编辑界面

  3. 在编辑框中使用矩形添加3个tab页签(矩形数与动态面板的个数保持一致),通过矩形上面的小圆点对矩形进行形状编辑,是矩形底部线条隐藏;或者通过右侧元件属性与样式中的属性选择形状进行选择;在面板上放一个大矩形,用于显示每个tab页的内容;因为在编辑第一个动态面板中的tab1,所以把tab1置顶,tab2,tab3置底部,如图:

  4. 依次为三个页签添加用例;选择tab1矩形,在右侧的元件交互与说明点击鼠标点击时弹出添加用力框(三个也签依次进行操作,在选择状态一次选择对应的状态即可)

  5. 动态面板的其他两个状态重复3,4两部即可,然后预览
2人推荐
随时随地看视频
慕课网APP