多设备自适应能力

简介

此Demo展示在eTS中的多设备自适应能力,包括资源限定词、原子布局和响应式布局。实现效果如下:

atomic_layout4 atomic_layout4

相关概念

资源限定与访问:资源限定词可以由一个或多个表征应用场景或设备特征的限定词组合而成,包括屏幕密度等维度,限定词之间通过中划线(-)连接,开发者在resources目录下创建限定词文件。 原子布局:在屏幕形态和规格不同等情况下,布局效果需要实现自适应,因此系统提供了面向不同屏幕尺寸界面自适应适配的布局能力,称为原子布局。 响应式布局:通过使用快应用的响应式布局能力开发新应用或者改造已有应用,可以使快应用在手机、平板、智慧屏等各种尺寸的设备都有良好的展示效果。

相关权限

不涉及。

使用说明

1.启动应用,首页展示了资源限定词原子布局响应式布局三个按钮。

2.点击资源限定词进入新界面,展示字符串和图片资源的使用。

3.点击原子布局进入新界面,分别展示原子布局的拉伸能力、缩放能力、隐藏能力、折行能力、均分能力、占比能力、延伸能力 。

4.点击响应式布局进入新界面,展示媒体查询、栅格布局、典型场景三类响应式布局能力。

约束与限制

1.本示例仅支持标准系统上运行。

2.本示例为Stage模型,从API version 9开始支持。

3.本示例需要使用DevEco Studio 3.0 Beta3 (Build Version: 3.0.0.901, built on May 30, 2022)才可编译运行。

4.本示例着重介绍了一多的自适应布局能力,未引入断点能力,建议查看相关能力在IDE提供的MatePadPro预览器中运行和查看效果。