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

IT之家 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：新增栅格布局

场景：本示例通过栅格系统进行元素布局，主要由 <grid-container\>、<grid-row\>、<grid-col\> 标签来实现。

● 下载链接：

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

Sample 3：新增 JS canvas 示例

场景：<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。

广告声明：文内含有的对外跳转链接（包括不限于超链接、二维码、口令等形式），用于传递更多信息，节省甄选时间，结果仅供参考，IT之家所有文章均包含本声明。