Axure中設計網頁原型很簡單,想要制作滑屏插件,這個效果是手機軟件啟動時使用的,可以展示一些信息、介紹等內容,Axure原型工具如何制作絕對位置的滑屏插件,下面我們就來看看詳細的教程。
1、首先創建一個新的空白頁面,在工作區域拖入相關元件,如下圖所示。
2、將各個元件的樣式進行調整,并對頁面中的值進行描述,如下圖所示。
3、元件樣式調整完成后,對各個元件的名稱進行命名,后面做交互事件時能夠清晰,如下圖所示。
4、將三個橢圓的選中狀態的樣式進行設置,如下圖所示。
5、將準備好的元件復制到動態面板中,并調整合適的位置,如下圖所示。
6、選中三個矩形,將三個矩形轉換為動態面板,并對動態面板的名稱進行命名如下圖所示。
7、下面開始對動態面板的交互事件進行設置,首先是拖動時的效果,如下圖所示。
8、然后再做拖動結束時的交互效果,如下圖所示。
9、交互事件設置完成后,補充一步,將三個圓放入一組中,并將第一個圓設置為選中狀態,如下圖所示。
10、所有工作準備完成,f5預覽一下效果,拖動頁面,效果就出現了,如下圖所示。
以上就是Axure制作絕對位置滑屏插件的教程,希望大家喜歡,請繼續關注錯新站長站。
相關推薦:
Axure8怎么將所有頁面導出為圖片?
axure怎么制作下拉多選部門的控件?
新聞熱點
疑難解答
圖片精選