<cite id="vhht5"><video id="vhht5"></video></cite><var id="vhht5"></var>
<cite id="vhht5"></cite>
<var id="vhht5"><strike id="vhht5"></strike></var>
<var id="vhht5"></var>
<var id="vhht5"><video id="vhht5"><thead id="vhht5"></thead></video></var>
<var id="vhht5"><video id="vhht5"><thead id="vhht5"></thead></video></var>
<ins id="vhht5"><span id="vhht5"><var id="vhht5"></var></span></ins><var id="vhht5"><strike id="vhht5"></strike></var>
<var id="vhht5"></var><var id="vhht5"></var><cite id="vhht5"><video id="vhht5"></video></cite><cite id="vhht5"><span id="vhht5"></span></cite>
<var id="vhht5"></var>
<cite id="vhht5"></cite>
<cite id="vhht5"><span id="vhht5"></span></cite>
您的位置: 首頁 > 軟件教程 > Axure > Axure RP怎么設計彈出窗口的效果?

Axure RP怎么設計彈出窗口的效果?

6.0分
出處:3lian.com 時間:2018-04-20

您可能感興趣的話題: Axure RP怎么設計彈出窗口的效果  

核心提示:Axure RP怎么設計彈出窗口的效果?你知道嗎?

  1、首先,打開軟件。

2、正常打開Axure RP8.0工具,如下圖,創建一個新的RP文件 。

Axure RP怎么設計彈出窗口的效果?

  3、在空白頁面上從元件庫中拉出一個矩形框和一個按鈕,矩形框是為了展示主頁的內容,按鈕是為了點擊后彈出對話框的效果,界面設計如下截圖,使用過程中根據自己項目的實際需求擺放具體內容。

Axure RP怎么設計彈出窗口的效果?

  4、從左邊元件庫中拉出一個動態面板,放在頁面上,擺放位置可以根據需要進行擺放,也可以通過設置,使其在頁面上居中顯示,具體這個設置步驟請查看步驟十說明。

Axure RP怎么設計彈出窗口的效果?

  5、雙擊動態面板,將彈出如下對話框,先為動態面板定義一個名稱 ,這個名稱等會在設置顯隱的時候需要用到。然后再單擊"state1"會彈出另一個新的子頁面,就可以在該頁面中增加彈出框的具體內容了,詳細步驟請查看截圖2.

Axure RP怎么設計彈出窗口的效果?

  6、在上述步驟過后,主頁index的頁面效果將如下所示,鼠標右鍵點擊動態面板,把動態面板設置成隱藏,具體操作如下截圖2。

Axure RP怎么設計彈出窗口的效果?

Axure RP怎么設計彈出窗口的效果?

  7、為頁面上的按鈕增加事件。選中按鈕,在右邊的設置面板中,雙擊“鼠標單擊時”按鍵,如下截圖1,頁面將會彈出新的用例編輯窗口,選擇元件的“顯示/隱藏”,找到剛剛的動態面板,并將其設置為顯示,具體操作如下截圖2中標紅的位置。這步的設置非常重要, 只有正確設置了這步,才能正確的彈出窗口。

網友評論
精品軟件課程
更多 >
快播播放器(Qvod Player)是一款基... [詳細]
360安全衛士是當前功能最強、效果最好、最受... [詳細]
會聲會影(Corel VideoStudio... [詳細]
騰訊QQ支持在線聊天、視頻電話、點對點斷點續... [詳細]
搜狗拼音輸入法是網上最流行、功能最強大的拼音... [詳細]
Windows 7 是由微軟公司開發的,具有... [詳細]
快乐时时开奖查询