Axure9教程


1.注釋:

效果:

 

 

實現:

 

 


 

2.多情形按鈕、鼠標懸停

效果:

 

 實現:

a)多情形按鈕:新建交互--單擊時--添加情形--情形命名--打開鏈接--設置鏈接頁面

 

b)添加鼠標懸停樣式:新建交互樣式--鼠標懸停樣式--設置填充顏色、字號、字色(可點擊更多樣式選項設置更多)

 

 


 

3. 內聯框架:

效果:

 

 實現:

a)選擇一個內聯框架

 

 b)選擇一個元件--新建交互--單擊時--添加動作--指定內聯框架--鏈接到指定頁面

 


 

4.左側菜單展開/收起狀態

效果:

           

實現: 

a)左側菜單動態面板 --  展示框test  -- 展開/收起按鈕

 

 

 

 

b) 新建交互--單擊時--添加動作--設置選中--當前元件為切換

    新建交互--選中--添加動作--設置面板狀態-- 左側菜單動態面板收起狀態     --添加動作--設置尺寸--尺寸加錨點--fx--插入變量和函數--窗口[[Window.width - 180]]  --線性(200ms)     --添加動作--移動--經過(-116x)--線性(200ms)

    新建交互--選中--添加動作--設置面板狀態-- 左側菜單動態面板展開狀態     --添加動作--設置尺寸--尺寸加錨點--fx--插入變量和函數--窗口[[Window.width -    0]]  --線性(200ms)     --添加動作--移動--經過(  116x)--線性(200ms)

     

 

 

 


5. 左側菜單:子菜單的展開與收起

效果:

        

 

 

 實現:方法一:

a)父菜單按鈕--子菜單MM5(設置隱藏)

 

 

 

 

 

 b) 新建交互--單擊時--添加動作--設置選中--當前元件為切換

     新建交互--選中--添加動作--設置面板狀態-- 顯示隱藏子菜單動態面板--顯示--推動元件--下方--線性(200ms)    

     新建交互--選中--添加動作--設置面板狀態-- 顯示隱藏子菜單動態面板--隱藏--拉動元件--下方--線性(200ms)

      

 

 

  實現:方法二:

 a)采用動態面板狀態變更來實現

         

 

 

 b)新建交互--單擊時--添加動作--設置面板狀態--推動和拉動元件--下方

    

 注:該方法二使用時,當有多個下拉菜單時(不要先把第二個下拉菜單轉為動態面板,因為這樣會導致下拉推動元件效果失效)則需要按照順序先第一個設置好后,再將第二個下拉菜單轉為動態面板,一定要按照順序進行操作。

 


 

6. 設置彈窗居中展示

效果:

 

 實現:

a)動態面板--彈出框

b)新建交互--單擊時--添加動作--顯示/隱藏--顯示--更多選項--置於頂層--燈箱效果

 

                                 

 


7.啟用/禁用

效果:

           

 

 實現:方法一:

a)   文字“啟用” :元件名稱為 kaiqi

      文字“禁用”:元件名稱為 guanbi

      圖形 圓圈,元件名稱為  shang1

      圖形  按鈕,元件名稱為  xia1

b)  新建交互-- 單擊時--添加情形--添加條件--選中狀態--添加動作--顯示隱藏(移動)--添加交互樣式--元件選中樣式     

         

 


8.彈窗展示

效果:

 

 實現:

a)

動態面板(新增編輯-新增/編輯)

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM