mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
b988a875ad
This patch removes Performance and AnimationValue now that we've ported the framework over to AnimationController and Tween. This patch also cleans up the names of the AnimationController classes now that they don't have to avoid conflicts with the old animation API. Specifically, I've made the following renames: * Animated -> Animation * Evaluatable -> Animatable * PerformanceStatus -> AnimationStatus This patch is just renames and moving code around. There aren't any changes in behavior.
116 lines
3.1 KiB
Dart
116 lines
3.1 KiB
Dart
// Copyright 2015 The Chromium Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import 'package:flutter/animation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/rendering.dart';
|
|
|
|
final List<Map<int, Color>> _kColors = <Map<int, Color>>[
|
|
Colors.amber,
|
|
Colors.yellow,
|
|
Colors.blue,
|
|
Colors.purple,
|
|
Colors.indigo,
|
|
Colors.deepOrange,
|
|
];
|
|
|
|
class SmoothBlock extends StatefulComponent {
|
|
SmoothBlock({ this.color });
|
|
|
|
final Map<int, Color> color;
|
|
|
|
SmoothBlockState createState() => new SmoothBlockState();
|
|
}
|
|
|
|
class CardTransition extends StatelessComponent {
|
|
CardTransition({
|
|
this.child,
|
|
this.animation,
|
|
this.x,
|
|
this.opacity,
|
|
this.scale
|
|
});
|
|
|
|
final Widget child;
|
|
final Animation<double> animation;
|
|
final Animatable<double> x;
|
|
final Animatable<double> opacity;
|
|
final Animatable<double> scale;
|
|
|
|
Widget build(BuildContext context) {
|
|
return new AnimatedBuilder(
|
|
animation: animation,
|
|
builder: (BuildContext context, Widget child) {
|
|
double currentScale = scale.evaluate(animation);
|
|
Matrix4 transform = new Matrix4.identity()
|
|
..translate(x.evaluate(animation))
|
|
..scale(currentScale, currentScale);
|
|
return new Opacity(
|
|
opacity: opacity.evaluate(animation),
|
|
child: new Transform(
|
|
transform: transform,
|
|
child: child
|
|
)
|
|
);
|
|
},
|
|
child: child
|
|
);
|
|
}
|
|
}
|
|
|
|
class SmoothBlockState extends State<SmoothBlock> {
|
|
|
|
double _height = 100.0;
|
|
|
|
Widget _handleEnter(Animation<double> animation, Widget child) {
|
|
return new CardTransition(
|
|
x: new Tween<double>(begin: -200.0, end: 0.0),
|
|
opacity: new Tween<double>(begin: 0.0, end: 1.0),
|
|
scale: new Tween<double>(begin: 0.8, end: 1.0),
|
|
animation: new CurvedAnimation(parent: animation, curve: Curves.ease),
|
|
child: child
|
|
);
|
|
}
|
|
|
|
Widget _handleExit(Animation<double> animation, Widget child) {
|
|
return new CardTransition(
|
|
x: new Tween<double>(begin: 0.0, end: 200.0),
|
|
opacity: new Tween<double>(begin: 1.0, end: 0.0),
|
|
scale: new Tween<double>(begin: 1.0, end: 0.8),
|
|
animation: new CurvedAnimation(parent: animation, curve: Curves.ease),
|
|
child: child
|
|
);
|
|
}
|
|
|
|
Widget build(BuildContext context) {
|
|
return new GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
_height = _height == 100.0 ? 200.0 : 100.0;
|
|
});
|
|
},
|
|
child: new EnterExitTransition(
|
|
duration: const Duration(milliseconds: 1500),
|
|
onEnter: _handleEnter,
|
|
onExit: _handleExit,
|
|
child: new Container(
|
|
key: new ValueKey(_height),
|
|
height: _height,
|
|
decoration: new BoxDecoration(backgroundColor: config.color[_height.floor() * 4])
|
|
)
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
class SmoothResizeDemo extends StatelessComponent {
|
|
Widget build(BuildContext context) {
|
|
return new Block(_kColors.map((Map<int, Color> color) => new SmoothBlock(color: color)).toList());
|
|
}
|
|
}
|
|
|
|
void main() {
|
|
runApp(new SmoothResizeDemo());
|
|
}
|