欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

axure动态面板怎么设置显示与隐藏?

程序员文章站 2023-08-13 15:12:16
axure动态面板怎么设置显示与隐藏?...

axure设置动态面板,使得我们的原型界面交互性能更强,以达到我们的业务需求,更能展示业务需求的形象性。 

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

axure动态面板怎么设置显示与隐藏?

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

axure动态面板怎么设置显示与隐藏?

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

axure动态面板怎么设置显示与隐藏?

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

axure动态面板怎么设置显示与隐藏?

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

axure动态面板怎么设置显示与隐藏?

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

axure动态面板怎么设置显示与隐藏?

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

axure动态面板怎么设置显示与隐藏?

8、在窗口右侧有click事件

axure动态面板怎么设置显示与隐藏?

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

axure动态面板怎么设置显示与隐藏?

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

axure动态面板怎么设置显示与隐藏?

相关标签: Axure 动态面板