Axure RP 8網頁中的彈窗正常情況都希望居中顯示,該怎么設置呢?下面我們就來看看詳細的教程。
1、新建一個空白頁面,本文以上傳文件的操作為例進行說明,在頁面中也已經加如動態面板,如下圖所示
2、如果沒有設置對話框居中,則彈出框的位置就會根據設計者擺放的位置進行展示,預覽效果如下圖所示。
3、這樣的效果在顯示的時候就會收到差評,現在我就介紹如何將對話框設置成居中展示。
4、選中頁面的動態面板,點擊鼠標右鍵,出現如下圖所示的對話框,找到標紅的“固定到瀏覽器”一欄。
5、單擊“固定到瀏覽器”一欄,會彈出新的對話框,如下圖所示。
6、在新彈出的對話框中,按照如下標紅的設置后,點擊確定就可以了。
7、這時候,你會發現動態面板上多了個如下圖總標紅的標識。有了這個標識,不管設計者將這個面板頁面上的什么位置, 在預覽的時候總能居中展示對話框。
8、這時候點擊預覽,就會發現效果演變成了如下截圖所示,這樣的對話框友好性就強了很多。
9、如果要取消這種居中展示的效果,只要選中動態面板,鼠標右擊,在彈出的對話框中,點擊“固定到瀏覽器“后彈出的對話框中,將“固定到瀏覽器窗口”前的勾去掉就好,如下圖所示。
以上就是設計居中顯示的彈窗的教程,很簡單,大家可以嘗試設置一下。
相關推薦:
axure怎么制作彈出框效果?
Axure RP 8輸入框中怎么顯示日期?
axure中圖形重疊的時候邊框變粗該怎么辦?
新聞熱點
疑難解答
圖片精選