Flutter 질감 디자인 의 진도 게이지

1986 단어 Flutter진도 표
Linear Progress Indicator 컨트롤 은 질감 디자인 의 선형 진도 표시 기 이 고 구체 적 인 내용 은 다음 과 같다.

import 'package:flutter/material.dart';
class ActionViewEcology extends StatelessWidget {
 /*
  *     ,    
  *      
  *      
  *      
  *      
  *      
  *      
  */
 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;
 //          
 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),
    ]
   )
  );
 }
}
main.dart 에서 위의 Action View Ecology 류 를 호출 하여 관련 매개 변 수 를 입력 합 니 다.효 과 는 다음 과 같 습 니 다.

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기