1、安装Axure RP 8.0,去官方下载安装包。
2、打开Axure RP 8.0,进入编辑页面。将“库”里的动态面板拖入编辑区,完成新增一个动态面板操作。见图:
3、双击动态面板,弹出动态面板管理界面,添加两个状态,分别命名为“状态1”与“状态2”。见图:
4、双击“状态1”,弹出新页面,在“库”下找到“圆角矩形”拖入编辑区,设置大小与第二步的面板大小一致,命名为“目录一”。见图:
5、返回第三步中的页面,双击“状态2”,弹出新页面,在“库”下找到“圆角矩形”拖入编辑区,设置大小与第二步的面板大小一致,命名为“目录一”。之后复制三个,分别命名为“子目录1”、“子目录2”、“子目录2”。位置设置见图:
6、返回第三步中的页面,点击“目录一”动态面板,进行样例设置。在右侧点击“属性”栏,点击“鼠标移入时”设置属性。具体设置步骤见图:
7、在右侧点击“属性”栏,点击“显示时”设置属性。具体设置步骤见图:
8、在右侧点击“属性”栏,点击“鼠标移出时”设置属性。具体设置步骤见图: