Axure RP(案例)手风琴菜单

  1. 拖入一个矩形,设置文本为“菜单一”并命名为“菜单一”,拖入一个动态面板命名为“内容一”,放在矩形的整下方,填充动态面板状态的内容并默认设置为隐藏。Axure RP(案例)手风琴菜单_第1张图片Axure RP(案例)手风琴菜单_第2张图片
  2. 复制菜单一矩形命名为菜单二并放在菜单一的正下方。Axure RP(案例)手风琴菜单_第3张图片
  3. 在菜单二的正下方放置一个动态面板并命名“内容二”,填充一下State1的内容。Axure RP(案例)手风琴菜单_第4张图片Axure RP(案例)手风琴菜单_第5张图片
  4. 复制菜单二矩形命名为“菜单三”放在菜单二的正下方。Axure RP(案例)手风琴菜单_第6张图片
  5. 在菜单二的正下方再添加一个动态面板。Axure RP(案例)手风琴菜单_第7张图片
  6. 为菜单一添加鼠标单击事件,让内容一切换隐藏性,隐藏其它(内容二和内容三)的动态面板。Axure RP(案例)手风琴菜单_第8张图片Axure RP(案例)手风琴菜单_第9张图片
  7. 为菜单二添加鼠标单击事件,让内容二切换隐藏性,隐藏其它(内容一和内容三)的动态面板。Axure RP(案例)手风琴菜单_第10张图片Axure RP(案例)手风琴菜单_第11张图片
  8. 为菜单三添加鼠标单击事件,让内容三切换隐藏性,隐藏其它(内容一和内容二)的动态面板。Axure RP(案例)手风琴菜单_第12张图片Axure RP(案例)手风琴菜单_第13张图片
  9. 示例效果
    Axure RP(案例)手风琴菜单_第14张图片

你可能感兴趣的:(#,Axure,RP)