业务介绍

业务简介

应用布局优化根据华为折叠屏屏幕比例，通过UI自适应引擎，提供应用重布局能力，优化该应用在当前设备上的显示效果，从而增加页面空间的利用率，提升用户的视觉体验。

支持的设备

平台

设备类型

版本

Android

华为折叠屏手机

HarmonyOS 2.0.1.151以上

Web

华为折叠屏手机

HarmonyOS 2.0.1.151以上

并且chromium内核版本>80

场景介绍

我们关注到大多数应用在折叠屏形态上存在内容拉伸放大的现象，针对这一问题我们提供了3种适用场景来帮您解决在折叠屏上的页面显示问题，方便您在Android页面和Web页面上拥有更好的展示效果，从而避免应用内容被过量放大的现象。

控件自适应

应用布局优化提供一套具备响应式能力的控件，帮助开发者对Android页面的局部区域进行快速的适配：

整体自适应

应用布局优化提供Android整体/页面级别的统一重布局能力，手机的UI系统会在运行时分析用户的界面，将原本大图大字体的页面调整为正常的尺寸，同时识别不同类型的元素并进行智能重排版，尽可能优化用户界面。本方案有以下特点：

Web页面

应用布局优化对以下Web结构提供自适应排版的能力，满足不同页面设计的需求：

功能使用限制

控件自适应

若您通过修改控件的继承关系来集成本功能，则有以下使用限制

功能

使用限制说明

HwRspGridView

适用于Android原生GridView控件开发的页面

HwRspLinearLayout

适用于Android原生LinearLayout控件开发的页面，且子元素是单一子布局，类型一致且等高，上下排列布局，且布局内元素宽高使用wrap_content、match_parent等非硬编码场景

HwRspListView

适用于Android原生ListView的页面

HwRspRecyclerView

适用于原生Support版本和AndroidX版本的RecyclerView控件开发的页面

HwRspVIewPager

适用于原生Support版本和AndroidX版本的ViewPager控件开发的页面

整体自适应

序号

限制

1

若应用不支持页面级配置，且需要指定页面生效，需要修改少量代码改造为页面级配置

2

部分三方框架不生效或效果不好（Flutter、React Native等），是否使用请验证过效果后决定

Web页面

序号

限制

1

当前仅支持使用华为Webview的页面

2

若需要对指定元素进行特定规则的重排，需要进行配置

注意事项

在您通过本业务接入应用布局优化能力后，应用发布前需要在华为折叠屏上做验证，确保页面效果符合您的预期。

支持的国家/地区

国家/地区

英文名称

中国大陆

Chinese mainland

中国香港

Hong Kong (China)

中国澳门

Macao (China)

中国台湾

Taiwan (China)