axure中根据面板状态设置交互事件

 时间:2024-10-15 18:21:07

1、第一步,拖动一个动态面板和3个文本元件到页面编辑区,分别命名:我习惯于按照拼音来命名,如果有多个则后面加上数字。

axure中根据面板状态设置交互事件

2、第二步,为动态面板添加状态2,并编辑动态面板状态1和2,如下图所示。

axure中根据面板状态设置交互事件axure中根据面板状态设置交互事件

3、第三步,编辑wenben1,添加交互事件:设置动作为点击时,隐藏动态面板。

axure中根据面板状态设置交互事件

4、第四步,编辑wenben2,添加交互事件:设置动作为点击时,更改动态面板状态为状态2。

axure中根据面板状态设置交互事件

5、第五步,编辑wenben3,添加交互事件:用例1,点击时,如果动态面板为状态1,弹出窗口打开,百度音乐首页;用例2,如果动态面板可见性为隐藏则弹出窗口打开百度知道首页。

axure中根据面板状态设置交互事件axure中根据面板状态设置交互事件

6、第六步,生成原型演示即可。如下,百度音乐首页。

axure中根据面板状态设置交互事件

7、第七步,百度知道首页。

axure中根据面板状态设置交互事件
  • 如何用PS制作金属质感?
  • Axure拖动效果
  • 如何利用Axure RP 8设计软件中的图标调整样式
  • 如何用ILLUSTRATOR绘制毛线球LOGO图案
  • ps软件如何让文字产生变形效果?
  • 热门搜索
    青春痘怎么处理 仙剑五攻略 外国旅游 北京旅游区 孕妇可以吃桑葚吗 塌鼻子怎么办 海信电视机怎么样 惠州学院怎么样 呀诺达雨林文化旅游区 江苏旅游