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設置頁面彈出欄居中顯示的具體操作步驟,你們也趕緊去設置吧!

相關經驗推薦