Axure动态面板的使用
生活随笔
收集整理的這篇文章主要介紹了
Axure动态面板的使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
動態面板:
在Axure中的很多交互都是由動態面板來實現的。動態面板里面可以包含多個狀態,所以通過一些事件可以對動態面板的狀態進行切換,以此來實現交互效果。但任何時候都是只有一個狀態是可見的,或者整個動態面板是被隱藏的。
案例一:簡單實現導航的頁面切換
1、在工作區域添加以下元件
?
2、雙擊動態面板,添加新增三個狀態。
?
3、在不同的狀態下的動態面板中添加自己想要在某個狀態展示的內容,例如選擇狀態一,在動態面板中寫入首頁的內容,在狀態二下,在動態面板寫入個人中心的內容。
4、為每個菜單中的標簽添加交互事件。當點擊不同的標簽,動態面板就要顯示出對應的狀態,點擊首頁,添加“鼠標點擊時”?交互事件,再添加“設置面板狀態”的動作,將狀態選擇為狀態一。點擊個人中心,添加“鼠標點擊時”?交互事件,再添加“設置面板狀態”的動作,將狀態選擇為狀態二。
5、點擊預覽,打開瀏覽器查看效果。
案例二:輪播圖?
?1、添加一個動態面板,雙擊動態面板新增狀態(要輪播多少張圖就新增多少個狀態)。
2、在每個狀態下添加不同的圖片,來進行輪播。
?
?3、在頁面載入時,輪播圖就會自動進行下一張圖片顯示,所以要在整個頁面添加一個交互事件。
更多選項中的循環間隔為一次循環需要的時間。
?
總結
以上是生活随笔為你收集整理的Axure动态面板的使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: R语言安装DMwR报错解决方法
- 下一篇: 计算机网络学习笔记第一章(概述) 超详细