fab_template.dart 3.7 KB
Newer Older
1 2 3 4 5 6 7
// Copyright 2014 The Flutter 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 'template.dart';

class FABTemplate extends TokenTemplate {
8 9 10 11
  const FABTemplate(super.blockName, super.fileName, super.tokens, {
    super.colorSchemePrefix = '_colors.',
    super.textThemePrefix = '_textTheme.',
  });
12 13 14

  @override
  String generate() => '''
15 16
class _${blockName}DefaultsM3 extends FloatingActionButtonThemeData {
  _${blockName}DefaultsM3(this.context, this.type, this.hasChild)
17
    : super(
18 19 20 21
        elevation: ${elevation("md.comp.fab.primary.container")},
        focusElevation: ${elevation("md.comp.fab.primary.focus.container")},
        hoverElevation: ${elevation("md.comp.fab.primary.hover.container")},
        highlightElevation: ${elevation("md.comp.fab.primary.pressed.container")},
22 23
        enableFeedback: true,
        sizeConstraints: const BoxConstraints.tightFor(
24 25
          width: ${getToken("md.comp.fab.primary.container.width")},
          height: ${getToken("md.comp.fab.primary.container.height")},
26 27
        ),
        smallSizeConstraints: const BoxConstraints.tightFor(
28 29
          width: ${getToken("md.comp.fab.primary.small.container.width")},
          height: ${getToken("md.comp.fab.primary.small.container.height")},
30 31
        ),
        largeSizeConstraints: const BoxConstraints.tightFor(
32 33
          width: ${getToken("md.comp.fab.primary.large.container.width")},
          height: ${getToken("md.comp.fab.primary.large.container.height")},
34 35
        ),
        extendedSizeConstraints: const BoxConstraints.tightFor(
36
          height: ${getToken("md.comp.extended-fab.primary.container.height")},
37 38 39
        ),
        extendedIconLabelSpacing: 8.0,
      );
40 41 42 43

  final BuildContext context;
  final _FloatingActionButtonType type;
  final bool hasChild;
44 45
  late final ColorScheme _colors = Theme.of(context).colorScheme;
  late final TextTheme _textTheme = Theme.of(context).textTheme;
46 47 48

  bool get _isExtended => type == _FloatingActionButtonType.extended;

49 50 51 52 53
  @override Color? get foregroundColor => ${componentColor("md.comp.fab.primary.icon")};
  @override Color? get backgroundColor => ${componentColor("md.comp.fab.primary.container")};
  @override Color? get splashColor => ${componentColor("md.comp.fab.primary.pressed.state-layer")};
  @override Color? get focusColor => ${componentColor("md.comp.fab.primary.focus.state-layer")};
  @override Color? get hoverColor => ${componentColor("md.comp.fab.primary.hover.state-layer")};
54 55 56 57 58

  @override
  ShapeBorder? get shape {
    switch (type) {
      case _FloatingActionButtonType.regular:
59
       return ${shape("md.comp.fab.primary.container")};
60
      case _FloatingActionButtonType.small:
61
       return ${shape("md.comp.fab.primary.small.container")};
62
      case _FloatingActionButtonType.large:
63
       return ${shape("md.comp.fab.primary.large.container")};
64
      case _FloatingActionButtonType.extended:
65
       return ${shape("md.comp.extended-fab.primary.container")};
66 67 68 69 70 71
     }
  }

  @override
  double? get iconSize {
    switch (type) {
72 73 74 75
      case _FloatingActionButtonType.regular: return ${getToken("md.comp.fab.primary.icon.size")};
      case _FloatingActionButtonType.small: return  ${getToken("md.comp.fab.primary.small.icon.size")};
      case _FloatingActionButtonType.large: return ${getToken("md.comp.fab.primary.large.icon.size")};
      case _FloatingActionButtonType.extended: return ${getToken("md.comp.extended-fab.primary.icon.size")};
76 77 78 79
    }
  }

  @override EdgeInsetsGeometry? get extendedPadding => EdgeInsetsDirectional.only(start: hasChild && _isExtended ? 16.0 : 20.0, end: 20.0);
80
  @override TextStyle? get extendedTextStyle => ${textStyle("md.comp.extended-fab.primary.label-text")};
81 82 83
}
''';
}