天天看點

如何在 Towify 中使用元件切換器配置“點贊”功能?

如果需要完成某個元件切換類的互動體驗,例如配置“點贊”功能時,可以使用 元件切換器 實作這一目的。

效果展示:

如何在 Towify 中使用元件切換器配置“點贊”功能?

前置準備:

  1. “點贊” 圖示元件 (下文簡稱“ 元件A ”)
  2. “取消點贊” 圖示元件 (下文簡稱“ 元件B ”)

具體步驟(4):

  1. 添加 元件切換器
  2. 元件切換器 連結元件A群組件B
  3. 元件切換器 配置“點贊” 觸發器
  4. 元件切換器 配置“取消點贊” 觸發器

步驟分解:

添加元件切換器
  • 添加 元件切換器
  • 選中 元件切換器
  • 配置 元件切換器 樣式
如何在 Towify 中使用元件切換器配置“點贊”功能?
元件切換器連結元件A群組件B
  • 選中 元件切換器
  • 點選 連結 ,生成連結線
  • 元件切換器 和 元件A 建立連結關系
  • 用同樣方式和 元件B 建立連結關系
  • 在 檢查器 的資料綁定及設定中,進行預設元件設定和内容元件設定
如何在 Towify 中使用元件切換器配置“點贊”功能?
元件切換器配置“點贊”觸發器
  • 選中 元件切換器
  • 點選 觸發器 圖示
  • 建立“點贊” 觸發器
  • 配置“點贊” 觸發器
元件切換器配置“取消點贊”觸發器
  • 建立“取消點贊” 觸發器
  • 配置“取消點贊” 觸發器