mirror of https://github.com/flutter/samples.git
85 lines
2.1 KiB
85 lines
2.1 KiB
// Copyright 2019 The Flutter team. 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/material.dart';
|
|
|
|
class TweenSequenceDemo extends StatefulWidget {
|
|
const TweenSequenceDemo({super.key});
|
|
static const String routeName = '/basics/chaining_tweens';
|
|
|
|
@override
|
|
State<TweenSequenceDemo> createState() => _TweenSequenceDemoState();
|
|
}
|
|
|
|
class _TweenSequenceDemoState extends State<TweenSequenceDemo>
|
|
with SingleTickerProviderStateMixin {
|
|
static const Duration duration = Duration(seconds: 3);
|
|
late final AnimationController controller;
|
|
late final Animation<Color?> animation;
|
|
|
|
static final colors = [
|
|
Colors.red,
|
|
Colors.orange,
|
|
Colors.yellow,
|
|
Colors.green,
|
|
Colors.blue,
|
|
Colors.indigo,
|
|
Colors.purple,
|
|
];
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
final sequenceItems = <TweenSequenceItem<Color?>>[];
|
|
|
|
for (var i = 0; i < colors.length; i++) {
|
|
final beginColor = colors[i];
|
|
final endColor = colors[(i + 1) % colors.length];
|
|
final weight = 1 / colors.length;
|
|
|
|
sequenceItems.add(
|
|
TweenSequenceItem<Color?>(
|
|
tween: ColorTween(begin: beginColor, end: endColor),
|
|
weight: weight,
|
|
),
|
|
);
|
|
}
|
|
|
|
controller = AnimationController(duration: duration, vsync: this);
|
|
animation = TweenSequence<Color?>(sequenceItems).animate(controller);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
controller.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('Tween Sequences'),
|
|
),
|
|
body: Center(
|
|
child: AnimatedBuilder(
|
|
animation: animation,
|
|
builder: (context, child) {
|
|
return MaterialButton(
|
|
color: animation.value,
|
|
onPressed: () async {
|
|
await controller.forward();
|
|
controller.reset();
|
|
},
|
|
child: child,
|
|
);
|
|
},
|
|
child: const Text('Animate', style: TextStyle(color: Colors.white)),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|