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