Axure RP 8設置頁面彈出框居中顯示具體操作方法

今天這篇文章內容內容講解的是關于Axure RP 8的,你們了解Axure RP 8如何設置頁面彈出框居中顯示嗎?下文就帶來了Axure RP 8設置頁面彈出框居中顯示的具體操作方法 。

Axure RP 8設置頁面彈出框居中顯示具體操作方法

1、新建一個空白頁面 , 本文以上傳文件的操作為例進行說明,在頁面中也已經加如動態面板 , 如下圖所示
Axure RP 8設置頁面彈出框居中顯示具體操作方法

2、如果沒有設置對話框居中 , 則彈出框的位置就會根據設計者擺放的位置進行展示,預覽效果如下圖所示 。
Axure RP 8設置頁面彈出框居中顯示具體操作方法

3、這樣的效果在顯示的時候就會收到差評,現在我就介紹如何將對話框設置成居中展示 。
4、選中頁面的動態面板 , 點擊鼠標右鍵,出現如下圖所示的對話框,找到標紅的“固定到瀏覽器”一欄 。
Axure RP 8設置頁面彈出框居中顯示具體操作方法

5、單擊“固定到瀏覽器”一欄,會彈出新的對話框,如下圖所示 。
Axure RP 8設置頁面彈出框居中顯示具體操作方法

6、在新彈出的對話框中,按照如下標紅的設置后,點擊確定就可以了 。
Axure RP 8設置頁面彈出框居中顯示具體操作方法

7、這時候,你會發現動態面板上多了個如下圖總標紅的標識 。有了這個標識,不管設計者將這個面板頁面上的什么位置,在預覽的時候總能居中展示對話框 。
Axure RP 8設置頁面彈出框居中顯示具體操作方法

8、這時候點擊預覽,就會發現效果演變成了如下截圖所示 , 這樣的對話框友好性就強了很多 。
Axure RP 8設置頁面彈出框居中顯示具體操作方法

9、如果要取消這種居中展示的效果,只要選中動態面板 , 鼠標右擊,在彈出的對話框中 , 點擊“固定到瀏覽器“后彈出的對話框中,將“固定到瀏覽器窗口”前的勾去掉就好,如下圖所示 。
Axure RP 8設置頁面彈出框居中顯示具體操作方法

【Axure RP 8設置頁面彈出框居中顯示具體操作方法】按照上文為你們分享的Axure RP 8設置頁面彈出框居中顯示的具體操作方法,你們是不是都學會設置的方法啦!

相關經驗推薦