第一百九十回 自定义一个可选择的星期组件

本文介绍了如何在Flutter中创建一个可选择的星期组件,组件包括周一至周日,允许用户选择并高亮显示选定的一天。实现思路涉及将每个星期天作为独立组件,用单选按钮的互斥原理确保一周内只能选择一天,并提供了实现方法和示例代码。
摘要由CSDN通过智能技术生成


我们在上一章回中介绍了"如何让Text组件中的文字自动换行"相关的内容,本章回中将介绍 如何自定义一个可选择的星期组件.闲话休提,让我们一起Talk Flutter吧。

1. 概念介绍

我们在本章回中介绍的星期组件是一个可以在一周内任意选择一天的星期组件,详细如下图所示:

在这里插入图片描述

图中的组件从周一到周日依次排列,它们组合在一起表示一周,可以从中任意选择一天,此时被选择的哪天高亮显示,其它未被选择的内容正常显示。

2. 实现方法

2.1 实现思路

对于这种复杂的组件,我们可以把它拆开来分析:这个星期组件中每一天都是一个独立的组件,把这些组件组合成一行就是一个完整的星期组件,星期组件中可以任意选择某一天,这个需要在组件中添加事件响应相关的组件。响应事件后把原来的组件变成高亮状态。

此外,这个星期组件中只能在一个星期内选择一天,也就是说星期组件内的组件是互斥的,它们有且只有一个能被选择,这个需要使用单

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

talk_8

真诚赞赏,手有余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值