细解鸿蒙之元服务 UX 上架标准 - 系统返回
是否必须遵守:必须
标准项描述:
在各类应用程序、软件或系统的用户界面设计中,当系统进行各种操作时,为了确保用户能够及时、有效地应对和处理这些操作,所有界面都需要响应系统返回的操作指令。
具体来说,在全屏界面上,应提供明确且易于操作的返回按钮、关闭按钮以及取消按钮。这些按钮的作用在于为用户提供一种便捷的交互方式,使他们能够随时中断或取消当前操作,或者返回上一界面。
返回按钮通常用于返回到上一个界面,帮助用户在浏览过程中回到之前的页面,避免用户迷失在复杂的操作流程中。关闭按钮则用于关闭当前全屏界面,彻底结束相关操作,释放系统资源。取消按钮则可以用于取消当前正在进行的操作,例如在填写表单、执行任务等过程中,用户可以通过点击取消按钮来终止操作,恢复到操作前的状态。
通过这样的设计,用户能够更加灵活地控制和管理界面操作,提高操作的效率和用户体验。同时,这也有助于确保系统的稳定性和安全性,避免因操作不当或意外情况导致的错误或数据丢失。 --javascripttypescriptshellbashsqljsonhtmlcssccppjavarubypythongorustmarkdown
Row(){
// 创建一个 Text 组件,显示 "<" 符号
Text("<")
// 为 Text 组件添加点击事件
.onClick(()=>{
// 使用 router 进行页面返回操作
router.back()
})
// 设置 Text 组件的高度为 40vp
.height("40vp")
// 设置 Text 组件的宽度为 40vp
.width("40vp")
// 设置 Text 组件的背景颜色为白色
.backgroundColor(Color.White)
// 设置 Text 组件的边框圆角半径为 60
.borderRadius(60)
// 设置 Text 组件的不透明度为 0.6
.opacity(0.6)
}
// 设置 Row 组件的宽度为 100%
.width('100%')
// 设置 Row 组件内元素的对齐方式为 FlexAlign.Start,即起始对齐
.justifyContent(FlexAlign.Start)
// 设置 Row 组件的外边距,顶部为 45,左边为 16vp
.margin({top:45,left:'16vp'})
PS:实际项目中如有出入,请告知博主,博主会第一时间修改得哇~