国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統(tǒng) > Android > 正文

Flutter進階之實現(xiàn)動畫效果(九)

2019-10-21 21:40:32
字體:
來源:轉載
供稿:網(wǎng)友

上一篇文章中,我們實現(xiàn)了統(tǒng)計每個產(chǎn)品和地區(qū)的銷售額,如果現(xiàn)在需要統(tǒng)計每個產(chǎn)品和地區(qū)所占市場份額的百分比,那么使用堆疊條形圖是不合適的,我們可以使用分組條形圖,因為它可以同時在兩個類別維度上進行定量比較。分組條形圖的實際效果如下圖所示:

Flutter,動畫效果

要實現(xiàn)上面的效果,我們需要更新bar.dart文件的代碼:

import 'package:flutter/material.dart';import 'package:flutter/animation.dart';import 'dart:ui' show lerpDouble;import 'dart:math';import 'color_palette.dart';import 'tween.dart';class BarChart { BarChart(this.groups); final List<BarGroup> groups; factory BarChart.empty(Size size) { return new BarChart(<BarGroup>[]); } factory BarChart.random(Size size, Random random) { const groupWidthFraction = 0.75; const barWidthFraction = 0.9; final groupRanks = _selectRanks(random, 5); final groupCount = groupRanks.length; final groupDistance = size.width / (1+groupCount); final groupWidth = groupDistance * groupWidthFraction; final startX = groupDistance - groupWidth/2; final barRanks = _selectRanks(random, ColorPalette.primary.length ~/ 2); final barCount = barRanks.length; final barDistance = groupWidth / barCount; final barWidth = barDistance * barWidthFraction; final groups = new List.generate(  groupCount,  (i) {  final bars = new List.generate(   barCount,   (j) => new Bar(   barRanks[j],   startX + i * groupDistance + j * barDistance,   barWidth,   random.nextDouble() * size.height,   ColorPalette.primary[barRanks[j]],   )  );  return new BarGroup(   groupRanks[i],   bars  );  } ); return new BarChart(groups); } static List<int> _selectRanks(Random random, int cap) { final ranks = <int>[]; var rank = 0; while(true) {  rank += random.nextInt(2);  if(cap <= rank) break;  ranks.add(rank);  rank++; } return ranks; }}class BarChartTween extends Tween<BarChart> { BarChartTween(BarChart begin, BarChart end) : _groupsTween = new MergeTween<BarGroup>(begin.groups, end.groups), super(begin: begin, end: end); final MergeTween<BarGroup> _groupsTween; @override BarChart lerp(double t) => new BarChart(_groupsTween.lerp(t));}class BarGroup implements MergeTweenable<BarGroup> { BarGroup(this.rank, this.bars); final int rank; final List<Bar> bars; @override BarGroup get empty => new BarGroup(rank, <Bar>[]); @override bool operator <(BarGroup other) => rank < other.rank; @override Tween<BarGroup> tweenTo(BarGroup other) => new BarGroupTween(this, other);}class BarGroupTween extends Tween<BarGroup> { BarGroupTween(BarGroup begin, BarGroup end) : _barsTween = new MergeTween<Bar>(begin.bars, end.bars), super(begin: begin, end: end) {  assert(begin.rank == end.rank); } final MergeTween<Bar> _barsTween; @override BarGroup lerp(double t) => new BarGroup( begin.rank, _barsTween.lerp(t) );}class Bar extends MergeTweenable<Bar> { Bar(this.rank, this.x, this.width, this.height, this.color); final int rank; final double x; final double width; final double height; final Color color; @override Bar get empty => new Bar(rank, x, 0.0, 0.0, color); @override bool operator <(Bar other) => rank < other.rank; @override Tween<Bar> tweenTo(Bar other) => new BarTween(this, other); static Bar lerp(Bar begin, Bar end, double t) { assert(begin.rank == end.rank); return new Bar(  begin.rank,  lerpDouble(begin.x, end.x, t),  lerpDouble(begin.width, end.width, t),  lerpDouble(begin.height, end.height, t),  Color.lerp(begin.color, end.color, t) ); }}class BarTween extends Tween<Bar> { BarTween(Bar begin, Bar end) : super(begin: begin, end: end) { assert(begin.rank == end.rank); } @override Bar lerp(double t) => Bar.lerp(begin, end, t);}class BarChartPainter extends CustomPainter { BarChartPainter(Animation<BarChart> animation)  : animation = animation,  super(repaint: animation); final Animation<BarChart> animation; @override void paint(Canvas canvas, Size size) { final paint = new Paint()..style = PaintingStyle.fill; final chart = animation.value; for(final stack in chart.groups) {  for(final bar in stack.bars) {  paint.color = bar.color;  canvas.drawRect(   new Rect.fromLTWH(   bar.x,   size.height - bar.height,   bar.width,   bar.height   ),   paint,  );  } } } @override bool shouldRepaint(BarChartPainter old) => false;}

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網(wǎng)。


注:相關教程知識閱讀請移步到Android開發(fā)頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 广德县| 高青县| 尉氏县| 安达市| 仁寿县| 兴隆县| 宁津县| 甘孜| 东丽区| 环江| 建宁县| 蒲城县| 靖边县| 辰溪县| 津南区| 泰和县| 昆明市| 高密市| 织金县| 乌苏市| 宁海县| 乌兰浩特市| 出国| 庆安县| 隆尧县| 澄江县| 九江市| 东阳市| 商城县| 桦南县| 乡城县| 永平县| 金寨县| 通山县| 双江| 扎兰屯市| 高台县| 洛扎县| 昌邑市| 六盘水市| 衡东县|