mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
56a4a8ad81
This refactors Checkbox to own a RenderObject similar to how Switch was refactored in https://github.com/domokit/sky_engine/pull/376 and extracts common functionality for toggleable renderers into a base class. Switch and Checkbox's render objects derive from this base class to add their own custom painting and theming logic.
72 lines
2.3 KiB
Dart
72 lines
2.3 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 'dart:sky' as sky;
|
|
|
|
import 'package:sky/animation/animated_value.dart';
|
|
import 'package:sky/animation/animation_performance.dart';
|
|
import 'package:sky/animation/curves.dart';
|
|
import 'package:sky/rendering/box.dart';
|
|
import 'package:sky/rendering/object.dart';
|
|
|
|
typedef void ValueChanged(bool value);
|
|
|
|
const Duration _kToggleDuration = const Duration(milliseconds: 200);
|
|
|
|
// RenderToggleable is a base class for material style toggleable controls with
|
|
// toggle animations. It handles storing the current value, dispatching
|
|
// ValueChanged on a tap gesture and driving a changed animation. Subclasses are
|
|
// responsible for painting.
|
|
abstract class RenderToggleable extends RenderConstrainedBox {
|
|
RenderToggleable({bool value, Size size, ValueChanged onChanged})
|
|
: _value = value,
|
|
_onChanged = onChanged,
|
|
super(additionalConstraints: new BoxConstraints.tight(size)) {
|
|
_performance = new AnimationPerformance()
|
|
..variable = _position
|
|
..duration = _kToggleDuration
|
|
..progress = _value ? 1.0 : 0.0
|
|
..addListener(markNeedsPaint);
|
|
}
|
|
|
|
EventDisposition handleEvent(sky.Event event, BoxHitTestEntry entry) {
|
|
if (event is sky.GestureEvent && event.type == 'gesturetap') {
|
|
_onChanged(!_value);
|
|
return EventDisposition.consumed;
|
|
}
|
|
return EventDisposition.ignored;
|
|
}
|
|
|
|
bool _value;
|
|
bool get value => _value;
|
|
|
|
void set value(bool value) {
|
|
if (value == _value) return;
|
|
_value = value;
|
|
// TODO(abarth): Setting the curve on the position means there's a
|
|
// discontinuity when we reverse the timeline.
|
|
if (value) {
|
|
_position.curve = easeIn;
|
|
_performance.play();
|
|
} else {
|
|
_position.curve = easeOut;
|
|
_performance.reverse();
|
|
}
|
|
}
|
|
|
|
ValueChanged _onChanged;
|
|
ValueChanged get onChanged => _onChanged;
|
|
|
|
void set onChanged(ValueChanged onChanged) {
|
|
_onChanged = onChanged;
|
|
}
|
|
|
|
final AnimatedValue<double> _position =
|
|
new AnimatedValue<double>(0.0, end: 1.0);
|
|
AnimatedValue<double> get position => _position;
|
|
|
|
AnimationPerformance _performance;
|
|
AnimationPerformance get performance => _performance;
|
|
}
|