回覆列表
  • 1 # 米思溫

    本文是用Axure 8.0實現輪播圖的教程,接下來將結合例項進行分步驟講解;該教程非常適用於Axure初學者;要想快速掌握Axure,最重要的一點就是要勤快練習,才能熟能生巧。

    前期的部件準備

    在畫布上使用佔位圖部件畫個線框圖;

    banner位置的佔位符轉換為動態面板鼠,標右鍵,轉換動態面板;

    給動態面板命名,選中在面板在右側填寫動態面板名稱,這個命名不強制要求,只要你看得懂就行,在這我命名為banner。

    開始動態效果的互動設定

    banner圖的設定

    ①載入時設定,效果顯示是頁面載入時可自動進行輪播。

    分步說明

    第一步:設定選中的狀態值為“true”

    第二步:設定全域性變數值

    第三步:觸發事件的設定

    2. 動態面板狀態的設定

    if條件的分步說明

    第一步:條件設定

    第二步:設定選中狀態下的值

    第三步:設定動態面板的狀態

    else if條件的分步說明

    第一步:設定選中狀態下的值。

    第二步:設定動態面板。

  • 2 # Axure原型設計

    頁面載入輪播:首先準備一個動態面板,併為動態面板新增多個狀態,每個狀態面板放置需要輪播的圖片。為頁面新增“頁面載入時”事件,新增“設定面板狀態”動作,動作配置裡,選擇自動向後輪播,選中迴圈,選擇進入和退出的輪播動畫,一般是向左滑動或者向右滑動,設定動畫時間。

  • 中秋節和大豐收的關聯?
  • 如何看待《中餐廳》第二季即將播出?