APP下载

华为鸿蒙 HarmonyOS 2 新增 5 个 Sample 实用示例:栅格布局、自适应卡片...

消息来源:baojiabao.com 作者: 发布时间:2024-11-27

报价宝综合消息华为鸿蒙 HarmonyOS 2 新增 5 个 Sample 实用示例:栅格布局、自适应卡片...感谢最新网友 肖战割割 的线索投递!

最新 8 月 28 日消息 华为鸿蒙官方表示,本周 Sample 上新,新增了五个超级实用的示例,快点击下方下载链接下载学习吧!

Sample 1:新增 NativeLayer 示例

场景:Native_layer 声明了与本机层相关的 JNI。本示例展示了关于 Native_layer 的 JNI 接口的使用,使应用程序能够获取与 Java 表面对象匹配的原生层,可以获取原生层信息,也可以设置原生层大小和图层格。

● 下载链接:

https://gitee.com/openharmony/app_samples/tree/master/native/NativeLayer

Sample 2:新增栅格布局

场景:本示例通过栅格系统进行元素布局,主要由 标签来实现。

● 下载链接:

https://gitee.com/openharmony/app_samples/tree/master/UI/JsGrid

Sample 3:新增 JS canvas 示例

场景: 组件可以自定义绘制图形,本示例展示了 < canvas\> 组件的使用方法。

●下载链接:

https://gitee.com/openharmony/app_samples/tree/master/UI/JsCanvas

Sample 4:新增自适应页面和自适应效率型首页示例

场景:本示例分别通过沉浸式卡片、图文卡片、宫格卡片、纯文本卡片、多维度信息卡片五种类型,展示了卡片在不同尺寸设备上的自适应能力。当卡片在极宽和极高的情况下,通过拉伸、缩放、隐藏、折行、均分等自适应能力将卡片展示出来。

● 下载链接:

https://gitee.com/openharmony/app_samples/tree/master/UI/JsAdaptivePortalPage

Sample 5:新增自适应卡片示例

场景:本示例展示了一个列表页面,在不同尺寸的设备上,通过拉伸、缩放、均分、占比等自适应能力,使用多态控件、布局和组件的延展性以及响应式布局的运用,自适应展示为合理的布局效果。

● 下载链接:

https://gitee.com/openharmony/app_samples/tree/master/UI/JsAdaptiveServiceWidget

使用过程中有任何问题或者需求,欢迎在 Gitee 提交 Issue。

2022-05-08 02:37:01

相关文章