怎么用一个按钮控制两种状态(如何使用按钮控制两个组件切换)

在读书小程序中,需要切换推荐列表时,可以通过按钮控制组件来实现此功能

效果展示:

怎么用一个按钮控制两种状态(如何使用按钮控制两个组件切换)(1)

前置准备:
  • 两个填充好 图片 和 标签文本 的组件
具体步骤:
  • 添加组件切换器和按钮
  • 配置组件切换器触发器
  • 配置按钮选触发器
步骤分解:添加组件切换器和按钮
  • 添加 组件切换器
  • 添加 按钮
  • 配置 组件切换器
  • 配置 按钮

怎么用一个按钮控制两种状态(如何使用按钮控制两个组件切换)(2)

怎么用一个按钮控制两种状态(如何使用按钮控制两个组件切换)(3)

怎么用一个按钮控制两种状态(如何使用按钮控制两个组件切换)(4)

配置组件切换器触发器
  • 选中 组件切换器
  • 创建 触发器
  • 配置 触发器
  • 同样的方式配置另一个 触发器
  • 链接 两个提前准备好的 图片 和 标签文本 组件

怎么用一个按钮控制两种状态(如何使用按钮控制两个组件切换)(5)

怎么用一个按钮控制两种状态(如何使用按钮控制两个组件切换)(6)

配置按钮选触发器
  • 选中 按钮 组件
  • 创建 触发器
  • 配置 触发器
  • 同样的方式添加配置另一个 触发器

怎么用一个按钮控制两种状态(如何使用按钮控制两个组件切换)(7)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页