axure怎么统一设置动态面板内容

axure怎么统一设置动态面板内容,第1张

打开axure工具,如下图所示

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

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

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

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

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

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

在窗口右侧有click事件

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

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

首先布局如图,有一个图片展示组和一个按钮,用来控制动态面板,双击图片可以选择要展示的图片

右键图片,选择“转换为动态面板”,进行设置,命名,添加面板状态,通过复制状态1,生成其他状态,然后在对应状态选择为不同图片

设置按钮“单击时”事件,选择“设置面板状态”,选中对应我们创建的那个面板,进行切换效果设置

完成效果如下

元件库里有一个“动态面板”元件,拖到页面就可以添加一个空白的动态面板。我们一般很少使用这种方法,一般习惯先框选页面上的元件,鼠标右击d出菜单,点击“转换为动态面板”,这样添加的动态面板就是有内容的。如果你想看具体案例,建议你上秒秒学学习Axure课程第十章《动态面板》。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/8023046.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存