X Code
3 years ago
parent
6a462eee9c
commit
71d06f6b7b
4 changed files with 222 additions and 4 deletions
@ -0,0 +1,160 @@ |
||||
import 'package:flutter/material.dart'; |
||||
|
||||
import '../../models/documents/attribute.dart'; |
||||
import '../../models/documents/style.dart'; |
||||
import '../../models/themes/quill_icon_theme.dart'; |
||||
import '../../translations/toolbar.i18n.dart'; |
||||
import '../controller.dart'; |
||||
|
||||
class QuillFontFamilyButton extends StatefulWidget { |
||||
const QuillFontFamilyButton({ |
||||
required this.items, |
||||
required this.rawItemsMap, |
||||
required this.attribute, |
||||
required this.controller, |
||||
required this.onSelected, |
||||
this.iconSize = 40, |
||||
this.fillColor, |
||||
this.hoverElevation = 1, |
||||
this.highlightElevation = 1, |
||||
this.iconTheme, |
||||
Key? key, |
||||
}) : super(key: key); |
||||
|
||||
final double iconSize; |
||||
final Color? fillColor; |
||||
final double hoverElevation; |
||||
final double highlightElevation; |
||||
final List<PopupMenuEntry<String>> items; |
||||
final Map<String, String> rawItemsMap; |
||||
final ValueChanged<String> onSelected; |
||||
final QuillIconTheme? iconTheme; |
||||
final Attribute attribute; |
||||
final QuillController controller; |
||||
|
||||
@override |
||||
_QuillFontFamilyButtonState createState() => _QuillFontFamilyButtonState(); |
||||
} |
||||
|
||||
class _QuillFontFamilyButtonState extends State<QuillFontFamilyButton> { |
||||
late String _defaultDisplayText; |
||||
late String _currentValue; |
||||
Style get _selectionStyle => widget.controller.getSelectionStyle(); |
||||
|
||||
@override |
||||
void initState() { |
||||
super.initState(); |
||||
_currentValue = _defaultDisplayText = 'Font'.i18n; |
||||
widget.controller.addListener(_didChangeEditingValue); |
||||
} |
||||
|
||||
@override |
||||
void dispose() { |
||||
widget.controller.removeListener(_didChangeEditingValue); |
||||
super.dispose(); |
||||
} |
||||
|
||||
@override |
||||
void didUpdateWidget(covariant QuillFontFamilyButton oldWidget) { |
||||
super.didUpdateWidget(oldWidget); |
||||
if (oldWidget.controller != widget.controller) { |
||||
oldWidget.controller.removeListener(_didChangeEditingValue); |
||||
widget.controller.addListener(_didChangeEditingValue); |
||||
} |
||||
} |
||||
|
||||
void _didChangeEditingValue() { |
||||
final attribute = _selectionStyle.attributes[widget.attribute.key]; |
||||
if (attribute == null) { |
||||
setState(() => _currentValue = _defaultDisplayText); |
||||
return; |
||||
} |
||||
final keyName = _getKeyName(attribute.value); |
||||
setState(() => _currentValue = keyName ?? _defaultDisplayText); |
||||
} |
||||
|
||||
String? _getKeyName(String value) { |
||||
for (final entry in widget.rawItemsMap.entries) { |
||||
if (entry.value == value) { |
||||
return entry.key; |
||||
} |
||||
} |
||||
return null; |
||||
} |
||||
|
||||
@override |
||||
Widget build(BuildContext context) { |
||||
return ConstrainedBox( |
||||
constraints: BoxConstraints.tightFor(height: widget.iconSize * 1.81), |
||||
child: RawMaterialButton( |
||||
visualDensity: VisualDensity.compact, |
||||
shape: RoundedRectangleBorder( |
||||
borderRadius: |
||||
BorderRadius.circular(widget.iconTheme?.borderRadius ?? 2)), |
||||
fillColor: widget.fillColor, |
||||
elevation: 0, |
||||
hoverElevation: widget.hoverElevation, |
||||
highlightElevation: widget.hoverElevation, |
||||
onPressed: _showMenu, |
||||
child: _buildContent(context), |
||||
), |
||||
); |
||||
} |
||||
|
||||
void _showMenu() { |
||||
final popupMenuTheme = PopupMenuTheme.of(context); |
||||
final button = context.findRenderObject() as RenderBox; |
||||
final overlay = |
||||
Overlay.of(context)!.context.findRenderObject() as RenderBox; |
||||
final position = RelativeRect.fromRect( |
||||
Rect.fromPoints( |
||||
button.localToGlobal(Offset.zero, ancestor: overlay), |
||||
button.localToGlobal(button.size.bottomLeft(Offset.zero), |
||||
ancestor: overlay), |
||||
), |
||||
Offset.zero & overlay.size, |
||||
); |
||||
showMenu<String>( |
||||
context: context, |
||||
elevation: 4, |
||||
items: widget.items, |
||||
position: position, |
||||
shape: popupMenuTheme.shape, |
||||
color: popupMenuTheme.color, |
||||
).then((newValue) { |
||||
if (!mounted) return; |
||||
if (newValue == null) { |
||||
return; |
||||
} |
||||
final keyName = _getKeyName(newValue); |
||||
setState(() { |
||||
_currentValue = keyName ?? _defaultDisplayText; |
||||
if (keyName != null) { |
||||
widget.onSelected(newValue); |
||||
} |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
Widget _buildContent(BuildContext context) { |
||||
final theme = Theme.of(context); |
||||
return Padding( |
||||
padding: const EdgeInsets.fromLTRB(10, 0, 0, 0), |
||||
child: Row( |
||||
mainAxisSize: MainAxisSize.min, |
||||
children: [ |
||||
Text(_currentValue, |
||||
style: TextStyle( |
||||
fontSize: widget.iconSize / 1.15, |
||||
color: widget.iconTheme?.iconUnselectedColor ?? |
||||
theme.iconTheme.color)), |
||||
const SizedBox(width: 3), |
||||
Icon(Icons.arrow_drop_down, |
||||
size: widget.iconSize / 1.15, |
||||
color: widget.iconTheme?.iconUnselectedColor ?? |
||||
theme.iconTheme.color) |
||||
], |
||||
), |
||||
); |
||||
} |
||||
} |
||||
Loading…
Reference in new issue