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

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

华为鸿蒙 HarmonyOS 2 新增 5 个 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。

原创文章,作者:kepupublish,如若转载,请注明出处:https://blog.ytso.com/125108.html

(0)
上一篇 2021年8月29日
下一篇 2021年8月29日

相关推荐

发表回复

登录后才能评论