gitee地址:https://gitee.com/tcyjc/flutter_level_start
flutter_level_start
介绍
等级显示选择组件,包含分段图标等级,以及连续的彩虹色等级选择和显示
使用说明
StarLevelField 图标等级显示组件
StarLevelField(
img: AssetImage("assets/image/star.png"), //星星图标,改成你自己的图标
quantity: 5, //星星数量
selected: Colors.yellow, //选中时的颜色
unselected: Colors.grey, //没选中的颜色
size: 20, //大小,
select: Random().nextInt(5) + Random().nextDouble(), //如果包含小数点,则会按小数点百分比显示
//controller: levelController, //控制器,可以获取选择的位置(值)
tap: true, //是否可以点击选择
fill: 0.7, //点位置超过此值就全部选中,默认0.7也就是点击位置x轴超过70%的size就全部选中
)
)
RainbowLevelField 彩虹进度调
RainbowLevelField(
width: 300,
height: 5,
//controller: levelController, //控制器,可以获取选择的位置(值)
background: Colors.grey, //背景色
//color: () => Colors.yellow, //自定义彩虹样式,用来返回彩虹颜色,系统已经默认实现了一种方式你也可以使用自己的颜色画彩虹
max: 1000, //颜色层叠次数,默认1000次(即取1000种颜色层叠)
fill: 0.95, //点返回超过次值就全部选中,默认0.95也就是点击位置x轴超过95%的size就全部选中
select: 30, //当前位置选择
tap: true, //是否允许点击
)