這篇文章將為大家詳細(xì)講解有關(guān)使用Flutter怎么實(shí)現(xiàn)一個(gè)進(jìn)度條效果,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。
從事服務(wù)器托管,服務(wù)器租用,云主機(jī),虛擬空間,國際域名空間,CDN,網(wǎng)絡(luò)代維等服務(wù)。
具體內(nèi)容如下
import 'package:flutter/material.dart'; class ActionViewEcology extends StatelessWidget { /* * 構(gòu)建函數(shù),傳遞參數(shù) * 最大能量值 * 最大饑餓值 * 最大情緒值 * 當(dāng)前能量值 * 當(dāng)前饑餓值 * 當(dāng)前情緒值 */ ActionViewEcology({ this.maximumEmergy, this.maximumHunger, this.maximumMood, this.currentEmergy, this.currentHunger, this.currentMood, }); int maximumEmergy; int maximumHunger; int maximumMood; int currentEmergy; int currentHunger; int currentMood; // 獲取進(jìn)度條描述文本 Align _getNameText(BuildContext context, String text) { return new Align( alignment: FractionalOffset.topLeft, child: new Text( text, style: new TextStyle( fontSize: 15.0, color: Colors.black, height: 1.5, ) ) ); } @override Widget build(BuildContext context) { return new Container( margin: const EdgeInsets.fromLTRB(17.0, 0.0, 17.0, 10.0), child: new Column( children: <Widget> [ _getNameText(context, '能量($currentEmergy/$maximumEmergy)'), new LinearProgressIndicator(value: currentEmergy/maximumEmergy), _getNameText(context, '饑餓($currentHunger/$maximumHunger)'), new LinearProgressIndicator(value: currentHunger/maximumHunger), _getNameText(context, '心情($currentMood/$maximumMood)'), new LinearProgressIndicator(value: currentMood/maximumMood), ] ) ); } }
關(guān)于使用Flutter怎么實(shí)現(xiàn)一個(gè)進(jìn)度條效果就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
本文標(biāo)題:使用Flutter怎么實(shí)現(xiàn)一個(gè)進(jìn)度條效果
本文路徑:http://muchs.cn/article30/ghjhpo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、電子商務(wù)、、Google、網(wǎng)站策劃、用戶體驗(yàn)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)