如何解决我需要知道用户单击按钮时是否按下了某个键
在 Flutter Desktop 应用程序中,我想知道当用户用鼠标单击按钮时,他们是否同时按住了某个键(如 Shift、Control、Alt 等)。
如何做到这一点?
编辑
我最初的问题不够清楚。
我有一个动态的复选框列表,我想使用 SHIFT+单击来选择最后一个选定的复选框和按下 SHIFT 时选定的复选框之间的所有内容。
我看过 FocusNode 但这似乎只适用于 1 个元素。
解决方法
这可以通过 FocusNode
完成。
您需要一个有状态的小部件,您可以在其中使用初始化节点。您需要 attach
节点并定义在键盘按下时调用的回调。然后,您可以使用 requestFocus
从节点请求焦点,以便节点接收键盘事件。
您还需要在 _nodeAttachment.reparent();
方法中调用 build
。您还应该在 dispose
中处置节点。
下面的示例打印 true 或 false 以判断按下按钮时是否按下了 shift 键。这可以通过 isControlPressed
和 isAltPressed
属性轻松扩展到其他键,例如 control 和 alt。
完整示例:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: MyWidget(),),);
}
}
class MyWidget extends StatefulWidget {
@override
_MyWidgetState createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
late final FocusNode focus;
late final FocusAttachment _nodeAttachment;
bool isShiftPressed = false;
@override
void initState() {
super.initState();
focus = FocusNode(debugLabel: 'Button');
_nodeAttachment = focus.attach(context,onKey: (node,event) {
isShiftPressed = event.isShiftPressed;
});
focus.requestFocus();
}
@override
void dispose() {
focus.dispose();
super.dispose();
}
Widget build(BuildContext context) {
_nodeAttachment.reparent();
return TextButton(
onPressed: () {
print(isShiftPressed);
},child: Text('Test'),);
}
}
您仍然可以使用此解决方案来解决更具体的问题。将上面的示例环绕在您的复选框列表中。你可以做一些简单的逻辑来获得你想要的行为。如果我这里的内容不准确,您应该能够根据需要轻松修改它。这证明您可以根据需要使用此方法,但是,即使逻辑中的某些细节不准确:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: MyWidget(),);
}
}
class MyWidget extends StatefulWidget {
@override
_MyWidgetState createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
late final FocusNode focus;
late final FocusAttachment _nodeAttachment;
bool isShiftPressed = false;
List<bool> checkboxStates = List.filled(5,false);
int lastClicked = -1;
@override
void initState() {
super.initState();
focus = FocusNode(debugLabel: 'Button');
_nodeAttachment = focus.attach(context,event) {
isShiftPressed = event.isShiftPressed;
});
focus.requestFocus();
}
@override
void dispose() {
focus.dispose();
super.dispose();
}
Widget build(BuildContext context) {
_nodeAttachment.reparent();
return Column(
children: List.generate(checkboxStates.length,(index) => Checkbox(
value: checkboxStates[index],onChanged: (val) {
if(val == null) {
return;
}
setState(() {
if(isShiftPressed && val) {
if(lastClicked >= 0) {
bool loopForward = lastClicked < index;
if(loopForward) {
for(int x = lastClicked; x < index; x++) {
checkboxStates[x] = true;
}
}
else {
for(int x = lastClicked; x > index; x--) {
checkboxStates[x] = true;
}
}
}
}
checkboxStates[index] = val;
});
if(val) {
lastClicked = index;
}
else {
lastClicked = -1;
}
print('Checkbox $index: $isShiftPressed');
}
)),);
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。