天天看點

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

作者:貓仔消失

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

效果展示:

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

前置準備:

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

具體步驟:

  • 添加 元件切換器
  • 元件切換器 連結元件A群組件B
  • 元件切換器 配置“點贊” 觸發器
  • 元件切換器 配置“取消點贊” 觸發器

步驟分解:

添加元件切換器

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

元件切換器連結元件A群組件B

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

元件切換器配置“點贊”觸發器

  • 選中 元件切換器
  • 點選 觸發器 圖示
  • 建立“點贊” 觸發器
  • 配置“點贊” 觸發器
在Towify中如何使用元件切換器配置“點贊”功能?

元件切換器配置“取消點贊”觸發器

  • 建立“取消點贊” 觸發器
  • 配置“取消點贊” 觸發器
在Towify中如何使用元件切換器配置“點贊”功能?

這樣就可以使用元件切換器來完成元件切換類的互動體驗了。

本文轉載自知乎:在Towify中如何使用元件切換器配置“點贊”功能?- TOWIFY的文章 - 知乎 https://zhuanlan.zhihu.com/p/569245695

繼續閱讀