android 渐变圆形进度条_flutter好用的轮子推荐七-flutter圆形或线型进度条
生活随笔
收集整理的這篇文章主要介紹了
android 渐变圆形进度条_flutter好用的轮子推荐七-flutter圆形或线型进度条
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前言
Flutter是谷歌的移動UI框架,可以快速在iOS和Android上構建高質量的原生用戶界面。
IT界著名的尼古拉斯·高爾包曾說:輪子是IT進步的階梯!熱門的框架千篇一律,好用輪子萬里挑一!Flutter作為這兩年開始崛起的跨平臺開發框架,其第三方生態相比其他成熟框架還略有不足,但輪子的數量也已經很多了。本系列文章挑選日常app開發常用的輪子分享出來,給大家提高搬磚效率,同時也希望flutter的生態越來越完善,輪子越來越多。
本系列文章準備了超過50個輪子推薦,工作原因,盡量每1-2天出一篇文章。
tip:本系列文章合適已有部分flutter基礎的開發者,入門請戳:flutter官網
正文
輪子
- 輪子名稱:percent_indicator
- 輪子概述:flutter一個圓形和線形的進度條.
- 輪子作者:diego.velasquez.lopez@gmail.com
- 推薦指數:★★★★
- 常用指數:★★★
- 效果預覽:
功能概述
- 圓形百分比進度
- 線形百分比進度
- 切換動畫
- 自定義動畫的持續時間
- 基于百分比值的進度
- 進度和背景色
- 自定義大小
- 左,右或居中子項用于線性百分比指示器
- 圓形百分比指示器的頂部,底部或中心widget
- 使用漸變色
安裝
dependencies使用
圓形進度
基礎使用
new頭部標題+動畫:
new底部文案+動畫+圓角截斷:
new線型進度
基礎使用:
new線型進度+進度數字:
new線型進度+進度數字+左右內容+動畫+矩形邊框:
new更多用法可自行參考輪子文檔中的參數定制。
結尾
- 輪子倉庫地址:https://pub.flutter-io.cn/packages/percent_indicator
- 系列演示demo源碼:https://github.com/826327700/flutter_plugins_demo
總結
以上是生活随笔為你收集整理的android 渐变圆形进度条_flutter好用的轮子推荐七-flutter圆形或线型进度条的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 二类医疗器械资质备案代办(二类医疗器械资
- 下一篇: macos big sur正式版_苹果m