如何使用组件切换器配置“点赞”功能?

本文介绍如何使用组件切换器实现点赞功能的交互体验。通过链接点赞图标与取消点赞图标组件,并配置触发器,轻松完成组件切换。

如果需要完成某个组件切换类的交互体验,例如配置“点赞”功能时,可以使用 组件切换器 实现这一目的。

效果展示:

e5517ec8c42ac4d99c6ee4403676739f.jpeg

前置准备:

  • “点赞” 图标组件(下文简称“ 组件A ”)
  • “取消点赞” 图标组件(下文简称“ 组件B ”)

具体步骤:

  • 添加 组件切换器
  • 组件切换器 链接组件A和组件B
  • 组件切换器 配置“点赞” 触发器
  • 组件切换器 配置“取消点赞” 触发器

步骤分解:

添加组件切换器

  • 选中 组件切换器
  • 配置 组件切换器 样式

e80422f68c52bb382572e1b70956a2c0.jpeg

组件切换器链接组件A和组件B

  • 选中 组件切换器
  • 点击 链接 ,生成链接线
  • 组件切换器 组件A 建立链接关系
  • 用同样方式和 组件B 建立链接关系
  • 检查器 的数据绑定及设置中,进行默认组件设置和内容组件设置

4b8d3d9b4053b334edfbf03a0fe6cc17.jpeg6597b1d3dbea493638cfd2909b9e60f9.jpeg

组件切换器配置“点赞”触发器

  • 选中 组件切换器
  • 点击 触发器 图标
  • 创建“点赞” 触发器
  • 配置“点赞” 触发器

8a78fbead5228d7e3b98e54e2f5d1f04.jpeg

组件切换器配置“取消点赞”触发器

  • 创建“取消点赞” 触发器
  • 配置“取消点赞” 触发器

9cc757bc786724439f19873ed9fd2604.jpeg这样就可以使用组件切换器来完成组件切换类的交互体验了。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值