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】時