axure内联框架和动态面板_最详细的Axure动态面板使用教程
1、打開【Axure】軟件,在index文件上新建一個375*667大小的背景矩形并繪制頁面。
具體如圖所示。
2、在banner的位置上新建一個【動態面板】,雙擊動態面板在其中新建state1、state2、state3、并依次單擊重新命名成banner1、banenr2、banner3。具體如圖所示。
3、在右側的頁面模塊上雙擊【banner1】進入到banner1的內頁中,并新建一個矩形填充【006600】的顏色。具體如圖所示。
4、在右側的頁面模塊上雙擊【banner2】進入到banner2的內頁中,并新建一個矩形填充【CC0000】的顏色。具體如圖所示。
5、在右側的頁面模塊上雙擊【banner3】進入到banner3的內頁中,并新建一個矩形填充【FF9900】的顏色。具體如圖所示。
6、回到首頁,選擇動態面板給他命一個名字【banner】選擇交互中的【載入時】選擇設置面板狀態,勾選【banner】動態面板,選擇狀態【next】勾選【向后循環】勾選【循環間隔1000毫秒】,具體如圖所示。
7、回到首頁,在banner動態面板上再次新建一個【動態面板】并重新命名為【輪播點】,具體如圖所示。
8、雙擊【輪播點】動態面板,新建三個內頁【輪播點1、輪播點2、輪播點3】具體如圖所示。
9、點擊輪播點1中繪制三個【圓形】,并把第一個圓形填充成點亮的顏色【666666】,具體如圖所示。
10、點擊輪播點2中繪制三個【圓形】,并把第二個圓形填充成點亮的顏色【666666】,點擊輪播點3中繪制三個【圓形】,并把第三個圓形填充成點亮的顏色【666666】,具體如圖所示。
11、回到首頁,在右側交互面板上選擇【載入時】,回到首頁,勾選【輪播點】動態面板,選擇狀態【next】勾選【向后循環】勾選【循環間隔1000毫秒】,具體如圖所示。
來源:千鋒UI設計
總結
以上是生活随笔為你收集整理的axure内联框架和动态面板_最详细的Axure动态面板使用教程的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: GPRS模块--PPP手动拨号
- 下一篇: CFA问题大总结,看了这篇文章,你的问题