细解鸿蒙之元服务UX上架标准-状态栏
是否必须遵守：必须
标准项描述：
在应用或元服务的设计与开发过程中，对状态栏进行适配显示是一项重要任务。状态栏位于设备屏幕顶部，它提供了有关设备状态、通知等信息。适配状态栏显示意味着根据应用的功能需求、用户体验以及不同设备的特性，对状态栏进行调整和优化，确保其在各种情况下都能正常且有效地展示信息。
适配的具体内容
1 状态栏的位置与尺寸
-
•
位置：不同设备的状态栏位置可能有所不同。例如，在手机上，状态栏通常位于屏幕顶部，而在平板电脑或电脑上，状态栏可能位于屏幕的顶部或侧面。应用需要根据设备类型和屏幕布局来确定状态栏的位置。
-
•
尺寸：状态栏的尺寸也会因设备而异。一些设备可能具有较窄的状态栏，而另一些设备可能具有较宽的状态栏。应用需要根据设备屏幕尺寸和分辨率来适配状态栏的尺寸，确保其在不同设备上都能正常显示。
2 内容显示 -
•
信息展示：状态栏可以显示各种信息，如时间、电量、网络连接状态、通知等。应用需要根据自身功能需求，合理地展示这些信息。例如，在应用运行过程中，需要实时显示电量、网络连接状态等信息，以便用户了解设备的运行情况。
-
•
图标与文字：状态栏中的图标和文字是重要的信息展示元素。应用需要确保图标和文字清晰、简洁，易于识别。例如，电量图标、信号图标等应该能够准确地反映设备的状态，文字信息也应该能够清晰地传达相关内容。
-
•
颜色与对比度：状态栏的颜色和对比度也需要进行适配。不同设备可能有不同的颜色设置，应用需要根据设备的特点和用户的需求来调整状态栏的颜色和对比度。例如，在深色模式下，状态栏的颜色可能会更加暗淡，此时需要调整文字和图标的颜色，使其与背景形成鲜明对比，提高信息的可读性。
3 功能交互 -
•
点击操作：状态栏通常可以进行点击操作，用户可以通过点击状态栏来查看通知或进行其他操作。应用需要确保点击操作的响应正常，并且能够提供相应的反馈。例如，当用户点击状态栏时，应用应该能够弹出通知列表或执行相关的操作。
-
•
滑动操作：在一些设备上，状态栏还支持滑动操作。用户可以通过滑动状态栏来查看更多信息或进行其他操作。应用需要根据设备的特点和用户的需求来适配滑动操作，确保其流畅、便捷。
-
•
通知管理：应用需要对状态栏中的通知进行管理。当有新通知时，状态栏应该能够及时显示通知信息，并且提供相应的操作选项。例如，用户可以通过点击通知来查看详细内容，或者进行删除、标记等操作。
适配的意义
1 提升用户体验：适配状态栏显示能够使应用在不同设备上都能提供良好的用户体验。通过合理地展示信息、优化布局和交互方式，用户能够更加方便地获取设备状态信息，提高操作效率。
2 增强应用功能：适配状态栏显示可以增强应用的功能。例如，通过实时显示电量、网络连接状态等信息，应用可以更好地与设备进行交互，为用户提供更多的服务。
3 提高应用兼容性：适配状态栏显示有助于提高应用在不同设备上的兼容性。不同设备可能有不同的状态栏设置和功能，应用需要根据设备的特点进行适配，确保其在各种设备上都能正常运行。
4 优化界面美观：适配状态栏显示可以优化应用界面的美观度。通过调整状态栏的颜色、布局和视觉效果，应用可以使界面更加整洁、美观，提升用户对应用的好感度。
--javascripttypescriptshellbashsqljsonhtmlcssccppjavarubypythongorustmarkdown
try {
let res = has.getSystemInfoSync();
// 获取状态栏高度和导航栏高度
console.info(`getSystemInfoSync res.indicatorHeight: ${res.indicatorHeight}, res.statusBarHeight: ${res.statusBarHeight}`);
} catch(err) {
console.err(`getSystemInfoSync fail，err:${ err }`);
}
PS：实际项目中如有出入，请告知博主，博主会第一时间修改得哇~
