详情

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

Sample 1:新增 NativeLayer 示例

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

● 下载链接:

/openharmony/app_samples/tree/master/native/NativeLayer

Sample 2:新增栅格布局

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

● 下载链接:

/openharmony/app_samples/tree/master/UI/JsGrid

Sample 3:新增 JS canvas 示例

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

●下载链接:

/openharmony/app_samples/tree/master/UI/JsCanvas

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

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

● 下载链接:

/openharmony/app_samples/tree/master/UI/JsAdaptivePortalPage

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

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

● 下载链接:

/openharmony/app_samples/tree/master/UI/JsAdaptiveServiceWidget

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