flutter星級選擇控件實現

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, //是否允許點擊
            )