回覆列表
-
1 # 米思溫
-
2 # Axure原型設計
頁面載入輪播:首先準備一個動態面板,併為動態面板新增多個狀態,每個狀態面板放置需要輪播的圖片。為頁面新增“頁面載入時”事件,新增“設定面板狀態”動作,動作配置裡,選擇自動向後輪播,選中迴圈,選擇進入和退出的輪播動畫,一般是向左滑動或者向右滑動,設定動畫時間。
頁面載入輪播:首先準備一個動態面板,併為動態面板新增多個狀態,每個狀態面板放置需要輪播的圖片。為頁面新增“頁面載入時”事件,新增“設定面板狀態”動作,動作配置裡,選擇自動向後輪播,選中迴圈,選擇進入和退出的輪播動畫,一般是向左滑動或者向右滑動,設定動畫時間。
本文是用Axure 8.0實現輪播圖的教程,接下來將結合例項進行分步驟講解;該教程非常適用於Axure初學者;要想快速掌握Axure,最重要的一點就是要勤快練習,才能熟能生巧。
前期的部件準備在畫布上使用佔位圖部件畫個線框圖;
banner位置的佔位符轉換為動態面板鼠,標右鍵,轉換動態面板;
給動態面板命名,選中在面板在右側填寫動態面板名稱,這個命名不強制要求,只要你看得懂就行,在這我命名為banner。
開始動態效果的互動設定banner圖的設定
①載入時設定,效果顯示是頁面載入時可自動進行輪播。
分步說明
第一步:設定選中的狀態值為“true”
第二步:設定全域性變數值
第三步:觸發事件的設定
2. 動態面板狀態的設定
if條件的分步說明
第一步:條件設定
第二步:設定選中狀態下的值
第三步:設定動態面板的狀態
else if條件的分步說明
第一步:設定選中狀態下的值。
第二步:設定動態面板。