细解鸿蒙之元服务UX上架标准-支持常用功能的通用快捷键
是否必须遵守:涉及则必须
标准项描述:
在各类应用程序或元服务中,为方便用户快速操作,支持常用功能的通用快捷键是指在应用程序界面内,设定了一系列具有特定功能的按键组合,这些按键组合能够在不同软件或系统环境下,以一致且高效的方式实现特定操作。
常用功能
1 文件操作:包括打开、保存、关闭文件等。例如,按下 Ctrl + O(Windows 和 Linux 系统)或 Command + O(Mac 系统)组合键可以打开文件;Ctrl + S(Windows 和 Linux 系统)或 Command + S(Mac 系统)组合键用于保存文件。这些快捷键使文件操作更加便捷,无需通过菜单或鼠标点击来完成。 2 编辑操作:如复制、粘贴、剪切、撤销等。例如,Ctrl + C(Windows 和 Linux 系统)或 Command + C(Mac 系统)用于复制内容;Ctrl + V(Windows 和 Linux 系统)或 Command + V(Mac 系统)进行粘贴操作。这些快捷键在文本编辑、数据处理等场景中广泛应用,提高了编辑效率。
3 导航操作:在应用程序的界面内,用于在不同页面或功能模块间切换。例如,在浏览器中,按下 Ctrl + Tab 键可以切换到下一个标签页;在一些软件中,使用 F5 键可以刷新页面。这些快捷键帮助用户快速导航到不同的页面或功能区域。
4 程序控制:启动、关闭、最小化、最大化等操作。例如,按下 Alt + F4(Windows 系统)可以关闭当前程序;在 Windows 系统中,按下 Windows 键 + M 可以最小化所有窗口。这些快捷键提供了对程序的快速控制。
通用快捷键
1 跨平台一致性:通用快捷键在不同操作系统和软件平台上保持一致。例如,在 Windows、MacOS 和 Linux 系统中,常见的快捷键如 Ctrl + C(复制)、Ctrl + V(粘贴)、Ctrl + F(查找)等具有相同的功能和操作方式。这种一致性方便用户在不同平台间切换使用,降低学习成本。 2 标准性:它们遵循一定的行业标准和规范。例如,在许多软件中,使用 F1 键通常用于打开帮助文档,这是一种被广泛认可的通用快捷键。这种标准性使得用户在不同软件或系统中能够快速理解和使用快捷键。
3 可定制性:虽然通用快捷键具有一定的标准和规范,但用户也可以根据自己的需求进行定制。例如,某些软件允许用户自定义快捷键,以适应个人的操作习惯和工作流程。这种灵活性使得用户能够更好地满足个性化需求。
支持通用快捷键的意义
1 提高效率:用户通过快捷键操作可以快速完成各种任务,节省时间和精力。例如,在处理文档时,使用快捷键进行复制、粘贴和查找操作比通过鼠标点击菜单更加快捷。 2 方便操作:通用快捷键使操作更加便捷,尤其是在需要频繁操作的情况下。用户可以通过键盘快速执行各种功能,减少鼠标操作的频率,提高工作效率。 3 增强用户体验:通过支持通用快捷键,用户能够更加轻松地使用应用程序。这种便捷性提升了用户对应用程序的满意度,使他们更愿意使用该应用。 4 兼容性:通用快捷键有助于提高应用程序在不同平台和设备上的兼容性。用户在不同系统和软件间切换时,能够使用相同的快捷键进行操作,降低了学习和使用成本。--javascripttypescriptshellbashsqljsonhtmlcssccppjavarubypythongorustmarkdown
@Entry
@Component
struct Index {
// 存储显示的消息,初始值为 "Hello World"
@State message: string = 'Hello World';
build() {
Row() {
Column({ space: 5 }) {
// 显示消息文本
Text(this.message);
// 创建第一个按钮
Button("Test short cut 1").onClick((event: ClickEvent) => {
// 点击按钮时更新消息并打印日志
this.message = "I clicked Button 1";
console.log("I clicked 1");
})
// 为按钮设置键盘快捷键,按下 Ctrl + Alt + Shift + '.' 触发点击事件
.keyboardShortcut('.', [ModifierKey.SHIFT, ModifierKey.CTRL, ModifierKey.ALT])
// 监听按键事件,打印事件信息
.onKeyEvent((event: KeyEvent) => {
console.log("event.keyCode: " + JSON.stringify(event));
});
// 创建第二个按钮
Button("Test short cut 2").onClick((event: ClickEvent) => {
// 点击按钮时更新消息并打印日志
this.message = "I clicked Button 2";
console.log("I clicked 2");
})
// 为按钮设置键盘快捷键,按下 Ctrl + '1' 触发点击事件
.keyboardShortcut('1', [ModifierKey.CTRL]);
// 创建第三个按钮
Button("Test short cut 3").onClick((event: ClickEvent) => {
// 点击按钮时更新消息并打印日志
this.message = "I clicked Button 3";
console.log("I clicked 3");
})
// 为按钮设置键盘快捷键,按下 Shift + 'A' 触发点击事件
.keyboardShortcut('A', [ModifierKey.SHIFT]);
// 创建第四个按钮
Button("Test short cut 4").onClick((event: ClickEvent) => {
// 点击按钮时更新消息并打印日志
this.message = "I clicked Button 4";
console.log("I clicked 4");
})
// 为按钮设置键盘快捷键,按下 F5 触发点击事件,并且可以自定义用户回调函数
.keyboardShortcut(FunctionKey.F5, [], () => {
this.message = "I clicked Button 4";
console.log("I clicked user callback.");
})
// 为按钮设置另一个键盘快捷键,按下 F3 触发点击事件
.keyboardShortcut(FunctionKey.F3, []);
}
// 设置列的宽度为 100%
.width('100%');
}
// 设置行的高度为 100%
.height('100%');
}
}
PS:实际项目中如有出入,请告知博主,博主会第一时间修改得哇~