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

效果展示

具體步驟

• 制作按鈕切換模式
• 制作切換圖標
• 創(chuàng)建開關切換觸發(fā)器
• 創(chuàng)建圖標顯示隱藏觸發(fā)器
• 創(chuàng)建日光模式和夜間模式的觸發(fā)器
• 制作夜間模式和日光模式頁面
• 設置組件切換器的鏈接內容

步驟分解

制作按鈕切換模式

• 拖拽 開關 到 根容器
• 選中 開關
• 點擊 檢查面板 中的 數據綁定與設置
• 選擇 默認激活模式
• 點擊 檢查面板 中的 樣式
• 配置樣式
• 配置樣式完成后，關閉 默認激活模式

制作切換圖標

• 拖拽 圖標 到 根容器 中
• 點擊 檢查面板 中的 數據綁定與設置
• 選擇太陽圖標
• 月亮圖標的操作相同

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

• 選中 開關
• 點擊 檢查面板 中的 觸發(fā)器
• 創(chuàng)建 觸發(fā)器

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

• 選中 圖標
• 點擊 檢查面板 中的 觸發(fā)器
• 創(chuàng)建 觸發(fā)器
• 月亮圖標的相關觸發(fā)器，操作邏輯相同

• 將月亮圖標 拖到 太陽圖標上

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

• 拖拽 容器 到 根容器 中
• 選中 容器
• 點擊 檢查面板 中的 樣式
• 配置樣式

• 新增一個 樣式
• 點擊 選中
• 配置 樣式

• 拖拽 標簽文本 到 樣式
• 選中 標簽文本
• 點擊 檢查面板 中的 樣式
• 配置字體 樣式

• 新增一個 樣式
• 配置 樣式

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

• 選中 容器
• 點擊 檢查面板 中的 觸發(fā)器
• 創(chuàng)建 觸發(fā)器

• 選中 開關
• 添加 執(zhí)行觸發(fā)器

這樣就可以使用Towify在小程序中實現夜間模式和日間模式的自由切換了。

總結

以上是生活随笔為你收集整理的如何使用Towify在小程序中实现夜间模式和日间模式的自由切换？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。