阅读 75

Flutter Widget 之Shortcuts

Flutter所提供的键盘快捷键系统直接用就很棒了,而且还提供了大量的空间可根据自己的喜好配置操作,之前那一篇博客介绍了小部件Focus

ezgif.com-gif-maker (3).gif

它会指示Flutter以你的应用来包裹键盘事件,以寻找匹配的Shortcuts小部件,这便会带入Shortcuts小部件。

image.png

上一篇博客,我们以Accordion属性所假想的小部件树,挑个你想用来观察按键事件的小部件并以Shortcuts小部件来包装,为了让你的Shortcuts小部件发挥实际作用,给shortcuts参数提供一个ShortcutActivators到Intents的映射

Accordion(     child: Shortcuts(         shortcuts:<ShortcutActivator, Intent>{},         child: AccordionSections(),     ), ) 复制代码

ShortcutActivators是一个辅助类,用于捕获特定的键盘组合并带有可选的metaKey属性修改器。

想要捕获Control + C ?

创建一个SingleActivator,提供要监控的按键来作为位置参数,而就本例子而言是C键——并将control设置为true

SingleActivator(     LogicalKeyboardKey.keyC,     control: true, ) 复制代码

把这个activator当作一个键值放在你的Shortcuts小部件中,并将其与Intent配对

final controlC = SingleActivator(     LogicalKeyboardKey.keyC,     control: true, ) Accordion(     child: Shortcusts(         shortcuts: {             controlC: CopyIntent(),         },         child: AccordionSections(),     ), ) 复制代码

Intents是你所指定的各种类,是基于intent类所构建的扩展,并描述了用户所期望的结果

class CopyIntent extends Intent { } 复制代码

Flutter根据你的activator来检视按键事件,一旦发现匹配你所指定的intent将返回作用中 FocusNode,以便自行搜索来实现用户的intent。

ezgif.com-gif-maker (4).gif

这就牵涉到下一个要介绍的小部件Action。

如果想了解有关Shortcuts的内容,或者关于Flutter的其他功能


作者:程序员界的小学生
链接:https://juejin.cn/post/7170929670320291847


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐