You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
432 lines
17 KiB
432 lines
17 KiB
import 'package:adaptive_scrollbar/adaptive_scrollbar.dart';
|
|
import 'package:dde_gesture_manager/constants/constants.dart';
|
|
import 'package:dde_gesture_manager/extensions.dart';
|
|
import 'package:dde_gesture_manager/models/content_layout.provider.dart';
|
|
import 'package:dde_gesture_manager/models/scheme.dart';
|
|
import 'package:dde_gesture_manager/models/scheme.provider.dart';
|
|
import 'package:dde_gesture_manager/models/settings.provider.dart';
|
|
import 'package:dde_gesture_manager/utils/helper.dart';
|
|
import 'package:dde_gesture_manager/utils/keyboard_mapper.dart';
|
|
import 'package:dde_gesture_manager/widgets/dde_button.dart';
|
|
import 'package:dde_gesture_manager/widgets/dde_data_table.dart';
|
|
import 'package:dde_gesture_manager/widgets/table_cell_shortcut_listener.dart';
|
|
import 'package:dde_gesture_manager/widgets/table_cell_text_field.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
const double _headingRowHeight = 56;
|
|
const double _scrollBarWidth = 14;
|
|
|
|
class GestureEditor extends StatelessWidget {
|
|
const GestureEditor({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var layoutProvider = context.watch<ContentLayoutProvider>();
|
|
var schemeProvider = context.watch<SchemeProvider>();
|
|
final horizontalCtrl = ScrollController();
|
|
final verticalCtrl = ScrollController();
|
|
|
|
return Flexible(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(10),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: context.t.backgroundColor,
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8.0),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Visibility(
|
|
visible: layoutProvider.localManagerOpened == false,
|
|
child: DButton(
|
|
width: defaultButtonHeight,
|
|
onTap: () => H.openPanel(context, PanelType.local_manager),
|
|
child: Icon(
|
|
CupertinoIcons.square_list,
|
|
),
|
|
),
|
|
),
|
|
Text(
|
|
LocaleKeys.gesture_editor_label,
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
).tr(),
|
|
Visibility(
|
|
visible: layoutProvider.marketOpened == false,
|
|
child: DButton(
|
|
width: defaultButtonHeight,
|
|
onTap: () => H.openPanel(context, PanelType.market),
|
|
child: Icon(
|
|
CupertinoIcons.cart,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Container(height: 10),
|
|
Expanded(
|
|
child: GestureDetector(
|
|
onTap: () {
|
|
context.read<GesturePropProvider>().setProps(editMode: false);
|
|
},
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(defaultBorderRadius),
|
|
border: Border.all(
|
|
width: .2,
|
|
color: context.t.dividerColor,
|
|
),
|
|
),
|
|
width: double.infinity,
|
|
clipBehavior: Clip.antiAlias,
|
|
child: LayoutBuilder(builder: (BuildContext context, BoxConstraints constraints) {
|
|
return AdaptiveScrollbar(
|
|
controller: verticalCtrl,
|
|
underColor: Colors.transparent,
|
|
sliderDecoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(_scrollBarWidth / 2),
|
|
color: Colors.grey.withOpacity(.4),
|
|
),
|
|
sliderActiveDecoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(_scrollBarWidth / 2),
|
|
color: Colors.grey.withOpacity(.6),
|
|
),
|
|
position: ScrollbarPosition.right,
|
|
underSpacing: EdgeInsets.only(top: _headingRowHeight),
|
|
width: _scrollBarWidth,
|
|
child: AdaptiveScrollbar(
|
|
width: _scrollBarWidth,
|
|
underColor: Colors.transparent,
|
|
sliderDecoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(_scrollBarWidth / 2),
|
|
color: Colors.grey.withOpacity(.4),
|
|
),
|
|
sliderActiveDecoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(_scrollBarWidth / 2),
|
|
color: Colors.grey.withOpacity(.6),
|
|
),
|
|
controller: horizontalCtrl,
|
|
position: ScrollbarPosition.bottom,
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal,
|
|
controller: horizontalCtrl,
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(minWidth: constraints.maxWidth),
|
|
child: DDataTable(
|
|
showBottomBorder: true,
|
|
headingRowHeight: _headingRowHeight,
|
|
showCheckboxColumn: true,
|
|
headerBackgroundColor: context.t.dialogBackgroundColor,
|
|
verticalScrollController: verticalCtrl,
|
|
dataRowColor: MaterialStateProperty.resolveWith<Color?>((Set<MaterialState> states) {
|
|
if (states.contains(MaterialState.hovered)) return context.t.dialogBackgroundColor;
|
|
if (states.contains(MaterialState.selected))
|
|
return context.read<SettingsProvider>().currentActiveColor;
|
|
return null;
|
|
}),
|
|
columns: [
|
|
DDataColumn(label: Text(LocaleKeys.gesture_editor_fingers.tr()), center: true),
|
|
DDataColumn(label: Text(LocaleKeys.gesture_editor_gesture.tr()), center: true),
|
|
DDataColumn(label: Text(LocaleKeys.gesture_editor_direction.tr()), center: true),
|
|
DDataColumn(label: Text(LocaleKeys.gesture_editor_type.tr()), center: true),
|
|
DDataColumn(label: Text(LocaleKeys.gesture_editor_command.tr())),
|
|
DDataColumn(label: Text(LocaleKeys.gesture_editor_remark.tr())),
|
|
],
|
|
rows: _buildDataRows(schemeProvider.gestures, context),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
Container(height: 10),
|
|
Container(
|
|
height: 300,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(defaultBorderRadius),
|
|
border: Border.all(
|
|
width: .2,
|
|
color: context.t.dividerColor,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
List<DDataRow> _buildDataRows(List<GestureProp>? gestures, BuildContext context) => (gestures ?? []).map((gesture) {
|
|
var gesturePropProvider = context.watch<GesturePropProvider>();
|
|
bool editing = gesturePropProvider == gesture && gesturePropProvider.editMode == true;
|
|
bool selected = gesturePropProvider == gesture && !editing;
|
|
return DDataRow(
|
|
onSelectChanged: (selected) {
|
|
var provider = context.read<GesturePropProvider>();
|
|
if (selected == true) {
|
|
provider.setProps(
|
|
editMode: false,
|
|
);
|
|
Future.microtask(() => provider.setProps(
|
|
id: gesture.id,
|
|
));
|
|
} else if (selected == false) {
|
|
provider.onEditEnd = (prop) {
|
|
var schemeProvider = context.read<SchemeProvider>();
|
|
var newGestures = List<GestureProp>.of(schemeProvider.gestures!);
|
|
var index = newGestures.indexWhere((element) => element == prop);
|
|
newGestures[index].copyFrom(prop);
|
|
context.read<SchemeProvider>().setProps(
|
|
gestures: newGestures..sort(),
|
|
);
|
|
};
|
|
provider.copyFrom(
|
|
gesture..editMode = true,
|
|
);
|
|
}
|
|
},
|
|
selected: selected,
|
|
cells: editing ? _buildRowCellsEditing(context, gesture) : _buildRowCellsNormal(context, selected, gesture),
|
|
);
|
|
}).toList();
|
|
|
|
List<DDataCell> _buildRowCellsEditing(BuildContext context, GestureProp gesture) => [
|
|
DButton.dropdown(
|
|
enabled: true,
|
|
child: DropdownButton<int>(
|
|
icon: Icon(Icons.keyboard_arrow_down_rounded),
|
|
items: [3, 4, 5]
|
|
.map(
|
|
(e) => DropdownMenuItem<int>(
|
|
child: Text('$e'),
|
|
value: e,
|
|
),
|
|
)
|
|
.toList(),
|
|
value: context.watch<GesturePropProvider>().fingers,
|
|
onChanged: (value) => context.read<GesturePropProvider>().setProps(
|
|
fingers: value,
|
|
editMode: true,
|
|
),
|
|
isExpanded: true,
|
|
),
|
|
),
|
|
DButton.dropdown(
|
|
enabled: true,
|
|
width: 60.0,
|
|
child: DropdownButton<Gesture>(
|
|
icon: Icon(Icons.keyboard_arrow_down_rounded),
|
|
items: Gesture.values
|
|
.map(
|
|
(e) => DropdownMenuItem<Gesture>(
|
|
child: Text(
|
|
'${LocaleKeys.gesture_editor_gestures}.${H.getGestureName(e)}',
|
|
textScaleFactor: .8,
|
|
).tr(),
|
|
value: e,
|
|
),
|
|
)
|
|
.toList(),
|
|
value: context.watch<GesturePropProvider>().gesture,
|
|
onChanged: (value) => context.read<GesturePropProvider>().setProps(
|
|
gesture: value,
|
|
editMode: true,
|
|
),
|
|
isExpanded: true,
|
|
),
|
|
),
|
|
DButton.dropdown(
|
|
enabled: true,
|
|
width: 100.0,
|
|
child: DropdownButton<GestureDirection>(
|
|
icon: Icon(Icons.keyboard_arrow_down_rounded),
|
|
items: GestureDirection.values
|
|
.map(
|
|
(e) => DropdownMenuItem<GestureDirection>(
|
|
child: Text(
|
|
'${LocaleKeys.gesture_editor_directions}.${H.getGestureDirectionName(e)}',
|
|
textScaleFactor: .8,
|
|
).tr(),
|
|
value: e,
|
|
),
|
|
)
|
|
.toList(),
|
|
value: context.watch<GesturePropProvider>().direction,
|
|
onChanged: (value) => context.read<GesturePropProvider>().setProps(
|
|
direction: value,
|
|
editMode: true,
|
|
),
|
|
isExpanded: true,
|
|
),
|
|
),
|
|
DButton.dropdown(
|
|
enabled: true,
|
|
width: 100.0,
|
|
child: DropdownButton<GestureType>(
|
|
icon: Icon(Icons.keyboard_arrow_down_rounded),
|
|
items: GestureType.values
|
|
.map(
|
|
(e) => DropdownMenuItem<GestureType>(
|
|
child: Text(
|
|
'${LocaleKeys.gesture_editor_types}.${H.getGestureTypeName(e)}',
|
|
textScaleFactor: .8,
|
|
).tr(),
|
|
value: e,
|
|
),
|
|
)
|
|
.toList(),
|
|
value: context.watch<GesturePropProvider>().type,
|
|
onChanged: (value) => context.read<GesturePropProvider>().setProps(
|
|
type: value,
|
|
command: '',
|
|
editMode: true,
|
|
),
|
|
isExpanded: true,
|
|
),
|
|
),
|
|
_buildCommandCellsEditing(context),
|
|
TableCellTextField(
|
|
initText: gesture.remark,
|
|
hint: 'pls input cmd',
|
|
onComplete: (value) => context.read<GesturePropProvider>().setProps(
|
|
remark: value,
|
|
editMode: true,
|
|
),
|
|
),
|
|
].map((e) => DDataCell(e)).toList();
|
|
|
|
Widget _buildCommandCellsEditing(BuildContext context) {
|
|
var gesture = context.read<GesturePropProvider>();
|
|
switch (gesture.type) {
|
|
case GestureType.commandline:
|
|
return TableCellTextField(
|
|
initText: gesture.command,
|
|
hint: 'pls input cmd',
|
|
onComplete: (value) => context.read<GesturePropProvider>().setProps(
|
|
command: value,
|
|
editMode: true,
|
|
),
|
|
);
|
|
case GestureType.built_in:
|
|
return DButton.dropdown(
|
|
enabled: true,
|
|
width: 250.0,
|
|
child: DropdownButton<String>(
|
|
icon: Icon(Icons.keyboard_arrow_down_rounded),
|
|
items: builtInCommands
|
|
.map(
|
|
(e) => DropdownMenuItem<String>(
|
|
child: Text(
|
|
('${LocaleKeys.built_in_commands}.$e').tr(),
|
|
textScaleFactor: .8,
|
|
),
|
|
value: ('${LocaleKeys.built_in_commands}.$e').tr(),
|
|
),
|
|
)
|
|
.toList(),
|
|
value:
|
|
('${LocaleKeys.built_in_commands}.${(builtInCommands.contains(gesture.command) ? gesture.command : builtInCommands.first)!}')
|
|
.tr(),
|
|
onChanged: (value) => context.read<GesturePropProvider>().setProps(
|
|
command: value,
|
|
editMode: true,
|
|
),
|
|
isExpanded: true,
|
|
),
|
|
);
|
|
case GestureType.shortcut:
|
|
return TableCellShortcutListener(
|
|
width: 250.0,
|
|
initShortcut: gesture.command ?? '',
|
|
onComplete: (value) => context.read<GesturePropProvider>().setProps(
|
|
command: value,
|
|
editMode: true,
|
|
),
|
|
);
|
|
default:
|
|
throw Exception('Unknown gesture command type.');
|
|
}
|
|
}
|
|
|
|
List<DDataCell> _buildRowCellsNormal(BuildContext context, bool selected, GestureProp gesture) => [
|
|
Center(
|
|
child: Text(
|
|
'${gesture.fingers}',
|
|
),
|
|
),
|
|
Center(
|
|
child: Text(
|
|
'${LocaleKeys.gesture_editor_gestures}.${H.getGestureName(gesture.gesture)}',
|
|
).tr(),
|
|
),
|
|
Center(
|
|
child: Text(
|
|
'${LocaleKeys.gesture_editor_directions}.${H.getGestureDirectionName(gesture.direction)}',
|
|
).tr()),
|
|
Center(
|
|
child: Text(
|
|
'${LocaleKeys.gesture_editor_types}.${H.getGestureTypeName(gesture.type)}',
|
|
).tr()),
|
|
gesture.type == GestureType.shortcut
|
|
? Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: (gesture.command ?? '').split('+').map(
|
|
(e) {
|
|
var keyNames = getPhysicalKeyNamesByRealName(e);
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 2.0),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(defaultBorderRadius / 2),
|
|
color: context.t.dialogBackgroundColor,
|
|
border: Border.all(
|
|
width: 1,
|
|
color: Color(0xff565656),
|
|
),
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 5.0),
|
|
child: Text(
|
|
keyNames != null ? keyNames.displayName : LocaleKeys.str_null.tr(),
|
|
style: TextStyle(
|
|
color: context.watch<SettingsProvider>().currentActiveColor,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
).toList(),
|
|
)
|
|
: Text(
|
|
gesture.command ?? '',
|
|
),
|
|
Text(
|
|
gesture.remark ?? '',
|
|
),
|
|
]
|
|
.map(
|
|
(ele) => DDataCell(DefaultTextStyle(
|
|
style: context.t.textTheme.bodyText2!.copyWith(
|
|
color: selected ? Colors.white : null,
|
|
),
|
|
child: ele)),
|
|
)
|
|
.toList();
|