axure如何设置动态面板

时间:2024-10-11 18:38:37

1、打开axure工具,如下图所示

axure如何设置动态面板

2、从左侧元件库中拖拽动态面板组件

axure如何设置动态面板

3、调出位置和大小面板:查看位置和大小,调整动态面板的尺寸

axure如何设置动态面板

4、右键,编辑选项-----》管理面板状态

axure如何设置动态面板

5、给动态面板起名,可增添,删改面板状态

axure如何设置动态面板

6、然后右键动态面板----》编辑选项---》设置为隐藏

axure如何设置动态面板

7、添加一个按钮元件,然后给按钮添加点击事件

axure如何设置动态面板

8、在窗口右侧有click事件

axure如何设置动态面板

9、双击页面的动态面板----》显示面板,然后打钩

axure如何设置动态面板

10、生成HTML页面,如下图所示的效果,点击按钮即可显示动态面板的框框

axure如何设置动态面板
© 手抄报圈