当前仓库属于暂停状态,部分功能使用受限,详情请查阅 仓库状态说明
10 Star 68 Fork 73

OpenHarmony/app_samples
暂停

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

多设备自适应能力

简介

此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预览器中运行和查看效果。

马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/openharmony/app_samples.git
git@gitee.com:openharmony/app_samples.git
openharmony
app_samples
app_samples
master

搜索帮助