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

2021/8/28 15:01:33 来源:IT之家 作者:骑士 责编:骑士

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之家 辣品 - 超值导购,优惠券 最会买 - 返利返现优惠券 iPhone之家 Win7之家 Win10之家 Win11之家

软媒旗下软件: 魔方 旗鱼浏览器(极速内核) 云日历 酷点桌面 Win7优化大师 Win10优化大师 软媒手机APP应用