我们在上一章回中介绍了"如何让Text组件中的文字自动换行"相关的内容,本章回中将介绍 如何自定义一个可选择的星期组件.闲话休提,让我们一起Talk Flutter吧。
1. 概念介绍
我们在本章回中介绍的星期组件是一个可以在一周内任意选择一天的星期组件,详细如下图所示:
图中的组件从周一到周日依次排列,它们组合在一起表示一周,可以从中任意选择一天,此时被选择的哪天高亮显示,其它未被选择的内容正常显示。
2. 实现方法
2.1 实现思路
对于这种复杂的组件,我们可以把它拆开来分析:这个星期组件中每一天都是一个独立的组件,把这些组件组合成一行就是一个完整的星期组件,星期组件中可以任意选择某一天,这个需要在组件中添加事件响应相关的组件。响应事件后把原来的组件变成高亮状态。
此外,这个星期组件中只能在一个星期内选择一天,也就是说星期组件内的组件是互斥的,它们有且只有一个能被选择,这个需要使用单