通過觸發(fā)器中的執(zhí)行其它觸發(fā)器動態(tài)顯示夜間模式和日光模式圖標(biāo)的顯示和隱藏，同時使用組件切換器控制不同組件之間的切換

效果展示

具體步驟

制作按鈕切換模式

制作切換圖標(biāo)

創(chuàng)建開關(guān)切換觸發(fā)器

創(chuàng)建圖標(biāo)顯示隱藏觸發(fā)器

創(chuàng)建日光模式和夜間模式的觸發(fā)器

制作夜間模式和日光模式頁面

設(shè)置組件切換器的鏈接內(nèi)容

步驟分解

制作按鈕切換模式

拖拽開關(guān)到根容器

選中開關(guān)

點擊檢查面板中的 數(shù)據(jù)綁定與設(shè)置

選擇默認(rèn)激活模式

點擊檢查面板中的樣式

配置樣式

配置樣式完成后，關(guān)閉默認(rèn)激活模式

制作切換圖標(biāo)

拖拽圖標(biāo)到根容器中

點擊檢查面板 中的數(shù)據(jù)綁定與設(shè)置

選擇太陽圖標(biāo)

月亮圖標(biāo)的操作相同

創(chuàng)建開關(guān)切換觸發(fā)器

選中開關(guān)

點擊檢查面板 中的 觸發(fā)器

創(chuàng)建觸發(fā)器

創(chuàng)建圖標(biāo)顯示隱藏觸發(fā)器

選中圖標(biāo)

點擊 檢查面板中的觸發(fā)器

創(chuàng)建 觸發(fā)器

月亮圖標(biāo)的相關(guān)觸發(fā)器，操作邏輯相同

將月亮圖標(biāo) 拖到 太陽圖標(biāo)上

創(chuàng)建日光模式和夜間模式的觸發(fā)器

拖拽容器到根容器 中

選中容器

點擊檢查面板 中的樣式

配置樣式

新增一個樣式

點擊選中

配置樣式

拖拽 標(biāo)簽文本 到樣式

選中標(biāo)簽文本

點擊檢查面板中的 樣式

配置字體 樣式

新增一個樣式

配置樣式

制作夜間模式和日光模式頁面

選中容器

點擊檢查面板 中的觸發(fā)器

創(chuàng)建觸發(fā)器

選中開關(guān)

添加執(zhí)行觸發(fā)器