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)
動態面板(新增編輯-新增/編輯)


