文档管理中心
我的
指南UI Engine应用布局优化业务介绍

业务介绍

业务简介

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

支持的设备

展开

平台

设备类型

版本

Android

华为折叠屏手机

HarmonyOS 2.0.1.151以上

Web

华为折叠屏手机

HarmonyOS 2.0.1.151以上

并且chromium内核版本>80

场景介绍

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

控件自适应

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

  • HwRspGridView:提供响应式GridView控件功能,可设置/读取展开态的列数、列宽、列间距等属性
  • HwRspLinearLayout: 提供响应式LineraLayout控件功能,可设置/读取展开态列数、列间距
  • HwRspListView: 提供响应式ListView控件功能,可设置/读取展开态单行item个数、item间距等属性
  • HwRspRecyclerView: 提供响应式RecyclerView控件功能,可设置/读取展开态列数、列间距的能力
  • HwRspViewPager: 提供响应式ViewPager控件功能,可设置Item元素间距、宽高的缩小倍数、宽高调整策略

整体自适应

应用布局优化提供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)