用按压键盘键检测点击

Question

我正在尝试实现桌面应用程序的列表视图，该应用程序能够多选择项目。在桌面上，我们通过单击项目或单击并持有控制键来做到这一点。要选择一个项目，您只需添加墨水或eSturerocgognizer，但是如何在单击时检测到也有控制键？我找不到任何建议

Answer 1

您可以玩这个小部件。确保以桌面模式运行。

• 我们需要听键盘事件。为此，我正在使用rawKeyboardListener。

• 保持跟踪ctrl事件

• 通过清除以前的选定项目在正常点击中进行单个选择，但是_isctrlpressed不要清除所选项目

onTap: () {
  if (!_isCTRLPressed) _selectedIndex.clear();
  _onTap(index);
}

演示小部件

class ItemSelection extends StatefulWidget {
  const ItemSelection({Key? key}) : super(key: key);

  @override
  State<ItemSelection> createState() => _ItemSelectionState();
}

class _ItemSelectionState extends State<ItemSelection> {
  List<int> _selectedIndex = [];

  void _onTap(index) {
    if (_selectedIndex.contains(index)) {
      _selectedIndex.remove(index);
    } else {
      _selectedIndex.add(index);
    }
    setState(() {});
  }

  final fc = FocusNode();
  // you can use list for multi-purpose
  bool _isCTRLPressed = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: RawKeyboardListener(
        focusNode: fc,
        autofocus: true,
        onKey: (event) {
          if (event.isKeyPressed(LogicalKeyboardKey.controlLeft)) {
            if (event is RawKeyDownEvent) {
              _isCTRLPressed = true;
            }
          } else {
            _isCTRLPressed = false;
          }
        },
        child: GridView.count(
          crossAxisCount: 6,
          mainAxisSpacing: 2,
          crossAxisSpacing: 2,
          children: List.generate(
            55,
            (index) => GestureDetector(
              onTap: () {
                if (!_isCTRLPressed) _selectedIndex.clear();
                _onTap(index);

                debugPrint("ctrlPressed $_isCTRLPressed");
              },
              child: Container(
                color: _selectedIndex.contains(index)
                    ? Colors.cyanAccent
                    : Colors.grey,
                alignment: Alignment.center,
                child: Text(index.toString()),
              ),
            ),
          ),
        ),
      ),
    );
  }
}