設(shè)置
  • 日夜間
    隨系統(tǒng)
    淺色
    深色
  • 主題色

華為鴻蒙 HarmonyOS 2 新增 5 個 Sample 實(shí)用示例:柵格布局、自適應(yīng)卡片...

2021/8/28 15:01:33 來源:IT之家 作者:騎士 責(zé)編:騎士
感謝IT之家網(wǎng)友 肖戰(zhàn)割割 的線索投遞!

IT之家 8 月 28 日消息 華為鴻蒙官方表示,本周 Sample 上新,新增了五個超級實(shí)用的示例,快點(diǎn)擊下方下載鏈接下載學(xué)習(xí)吧!

Sample 1:新增 NativeLayer 示例

場景:Native_layer 聲明了與本機(jī)層相關(guān)的 JNI。本示例展示了關(guān)于 Native_layer 的 JNI 接口的使用,使應(yīng)用程序能夠獲取與 Java 表面對象匹配的原生層,可以獲取原生層信息,也可以設(shè)置原生層大小和圖層格。

● 下載鏈接:

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

Sample 2:新增柵格布局

場景:本示例通過柵格系統(tǒng)進(jìn)行元素布局,主要由 <grid-container\>、<grid-row\>、<grid-col\> 標(biāo)簽來實(shí)現(xiàn)。

● 下載鏈接:

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:新增自適應(yīng)頁面和自適應(yīng)效率型首頁示例

場景:本示例分別通過沉浸式卡片、圖文卡片、宮格卡片、純文本卡片、多維度信息卡片五種類型,展示了卡片在不同尺寸設(shè)備上的自適應(yīng)能力。當(dāng)卡片在極寬和極高的情況下,通過拉伸、縮放、隱藏、折行、均分等自適應(yīng)能力將卡片展示出來。

● 下載鏈接:

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

Sample 5:新增自適應(yīng)卡片示例

場景:本示例展示了一個列表頁面,在不同尺寸的設(shè)備上,通過拉伸、縮放、均分、占比等自適應(yīng)能力,使用多態(tài)控件、布局和組件的延展性以及響應(yīng)式布局的運(yùn)用,自適應(yīng)展示為合理的布局效果。

● 下載鏈接:

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

使用過程中有任何問題或者需求,歡迎在 Gitee 提交 Issue。

廣告聲明:文內(nèi)含有的對外跳轉(zhuǎn)鏈接(包括不限于超鏈接、二維碼、口令等形式),用于傳遞更多信息,節(jié)省甄選時間,結(jié)果僅供參考,IT之家所有文章均包含本聲明。

軟媒旗下網(wǎng)站: IT之家 最會買 - 返利返現(xiàn)優(yōu)惠券 iPhone之家 Win7之家 Win10之家 Win11之家

軟媒旗下軟件: 軟媒手機(jī)APP應(yīng)用 魔方 最會買 要知