隨著手機端app的發展,越來越多琳琅滿目的app應用層出不窮。每一款app成型之前都會有相應的原型的。那麼你知道怎麼使用Axure7.0軟體製作高大上的輪播圖效果嗎?小編來告訴你。
首先,打開pc端的已經漢化完的Axure7.0版本軟體。
其次,拖動左邊部件庫裡的圖片元件到右面的編輯區域。並調整好所有製作的banner圖片的大小,更改上方的長和寬數值。
再次,點擊圖片單擊滑鼠右鍵 在彈出來的列表選項中選擇轉化為動態面板選項,會在右下角的部件管理中看到新增的動態面板。
點擊右下角的部件管理中的動態面板,會彈出來一個動態面板的對話框,在對話框裡對動態面板進行命名並添加兩個狀態。
點擊確定之後,在點擊狀態1選項,會在動態面板1裡面看到設置好的圖片部件,雙擊圖片部件選擇將要製作成banner輪播圖的圖片。狀態2和狀態3也同狀態1一樣,三個動態面板設置的圖片大小位置數值都應一樣。
所有圖片和狀態都添加完成之後,回到home頁面,對動態面板中的圖片添加事件。點擊右側的部件交互和注釋的區域中頁面載入時的選項,打開用例編輯器對話框。
點擊左側的添加新動作欄裡面的設置面板狀態的選項,在點擊右側的配置動作中的banner動態面板選項。選擇狀態中選擇next選項,如下圖所示。
點擊F5生成之後就能看見banner輪播圖片輪播的效果啦。