Axure 8 Tab制作


1 在【頁面】面板中選中【page1】

  

2 在【元件庫】中選中【動態面板】,並拖拽到【設計區域】中

 

3 雙【設計區域】中的動態面板,打開【動態面板管理】頁面

  

4 在【動態面板管理】頁面中輸入動態面板的名稱“測試動態面板”,並單擊【面板狀態】下的“+”號4次,並將State1-4修改為tab1-4

  

5 在【面板狀態管理】的【面板狀態】下單擊【編輯全部狀態】按鈕。

  

6 單擊【編輯全部狀態】按鈕后的【設計區域】展示為

 

7 在tab1-4動態面板中添加【矩型1】,修改【矩型1】的內容為“tab1-4”,並在【檢視:矩型】中修改矩型名稱為“tab1-4”,

  

8 在page1頁面中添加【矩形1】,修改【矩型1】的內容為“tab1”,並在【檢視:矩型】中修改矩型名稱為“tab1”,

  

9 選中“tab1”矩型,在【檢視:矩型】面板的,添加矩型名稱。在【樣式】中修改圓角半徑參數。

 

  【屬性】的【選中】中修改“選中”是矩形填充顏色

  

10  復制“tab1“矩型框3個,並修改矩型框的文本內容為“tab2-4”,修改矩型框的名稱為“tab2-4”,並擺好位置

     

11 依次為“tab1-4”添加鼠標單擊用例,以“tab1”為例,選中“tab1”矩型,在【檢視:矩型】中雙擊【鼠標單擊時】

   

    設置【選中】

   

    設置【取消選中】

   

    設置【設置面板狀態】

   

    為依為后【矩型1】的"tab2-4"設置此類屬性。

12 設置頁面載入時選中【矩型1】的“tab1”,單擊page1空白區,然后【檢視:頁面】中雙擊【頁面載入時】

    

13 按【F5】查看效果

    第一載入時

   

    單擊【tab2】時

   

 

 

   

 


免責聲明!

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



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