如果需要完成某個元件切換類的互動體驗,例如配置“點贊”功能時,可以使用 元件切換器 實作這一目的。
效果展示:
前置準備:
- “點贊” 圖示元件 (下文簡稱“ 元件A ”)
- “取消點贊” 圖示元件 (下文簡稱“ 元件B ”)
具體步驟(4):
- 添加 元件切換器
- 元件切換器 連結元件A群組件B
- 元件切換器 配置“點贊” 觸發器
- 元件切換器 配置“取消點贊” 觸發器
步驟分解:
添加元件切換器
- 添加 元件切換器
- 選中 元件切換器
- 配置 元件切換器 樣式
元件切換器連結元件A群組件B
- 選中 元件切換器
- 點選 連結 ,生成連結線
- 元件切換器 和 元件A 建立連結關系
- 用同樣方式和 元件B 建立連結關系
- 在 檢查器 的資料綁定及設定中,進行預設元件設定和内容元件設定
元件切換器配置“點贊”觸發器
- 選中 元件切換器
- 點選 觸發器 圖示
- 建立“點贊” 觸發器
- 配置“點贊” 觸發器
元件切換器配置“取消點贊”觸發器
- 建立“取消點贊” 觸發器
- 配置“取消點贊” 觸發器