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

華為鴻蒙 HarmonyOS JavaUI 框架官網(wǎng)文檔內(nèi)容更新:組件開發(fā)指南、補充組件開發(fā)說明

2021/9/23 22:09:07 來源:IT之家 作者:騎士 責(zé)編:騎士
感謝IT之家網(wǎng)友 肖戰(zhàn)割割 的線索投遞!

IT之家 9 月 23 日消息 華為官方表示,Java UI 框架是 HarmonyOS 應(yīng)用開發(fā)中諸多開發(fā)者需要關(guān)注的重要內(nèi)容。近期,結(jié)合各位開發(fā)者反饋的聲音和改進建議,對官網(wǎng)文檔的 Java UI 框架內(nèi)容進行了更新,主要體現(xiàn)在新增開發(fā)指南和補充開發(fā)說明。

一、新增組件開發(fā)指南

本次更新,新增了 PopupDialog 和 CommonDialog 組件的開發(fā)指南。

PopupDialog 和 CommonDialog 是兩款比較常用的交互類組件,給開發(fā)者提供了簡單且實用的對話框,下面將簡單介紹兩款組件的內(nèi)容。

PopupDialog 組件

PopupDialog 是在當(dāng)前界面之上彈出的氣泡對話框,可以參照組件或者屏幕顯示。開發(fā)者可以通過 PopupDialog 的構(gòu)造方法創(chuàng)建一個氣泡對話框,使用 setArrowOffset、setArrowSize、setBackColor 等常用方法來設(shè)置氣泡對話框的尺寸、背景及箭頭樣式等。另外,也可以使用 setCustomComponent 來進行一些自定義設(shè)置。自定義氣泡對話框示例效果圖,如圖 1 所示:

圖 1 自定義氣泡對話框示例效果圖

詳細(xì)的 PopupDialog 組件開發(fā)指南,請訪問官網(wǎng):

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-component-popupdialog-0000001150714408#section1520718454241

CommonDialog 組件

CommonDialog 是一種在彈出框消失之前,用戶無法操作其他界面內(nèi)容的對話框。通常用來展示用戶當(dāng)前需要或用戶必須關(guān)注的信息或操作。

開發(fā)者可以使用 CommonDialog 的構(gòu)造方法創(chuàng)建一個對話框,并通過 setSize、setOffset、setCornerRadius 等常用方法設(shè)置對話框的尺寸、偏移量、圓角值,再通過 setDuration 方法設(shè)置對話框自動關(guān)閉前的持續(xù)時間。開發(fā)者還可以使用 setCustomComponent 來進行一些自定義設(shè)置。自定義 CommonDialog 對話框示例效果圖,如圖 2 所示:

圖 2 自定義 CommonDialog 對話框示例效果圖

詳細(xì)的 CommonDialog 組件開發(fā)指南,請訪問官網(wǎng):

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-component-commondialog-0000001150874228

二、補充組件開發(fā)說明

本次更新,在原組件開發(fā)指南的基礎(chǔ)上,對 ToastDialog 組件、Picker 組件、TableLayout 布局以及自定義組件的開發(fā)指南內(nèi)容進行了補充說明,使開發(fā)者在閱讀文檔過程中能更容易地理解并掌握其開發(fā)過程。下面是本次補充說明的內(nèi)容。

ToastDialog 組件

ToastDialog 組件是在窗口上方彈出的對話框,是通知操作的簡單反饋。本次更新,補充了 ToastDialog 組件的接口說明,開發(fā)者可獲取到對應(yīng)的構(gòu)造方法和常用方法,以便更好地進行 ToastDialog 的創(chuàng)建、使用及自定義設(shè)置等。ToastDialog 組件新增接口說明內(nèi)容,如圖 3 所示:

圖 3 ToastDialog 新增接口說明內(nèi)容

ToastDialog 組件官網(wǎng)指南:

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-component-toastdialog-0000001060125963#section166052377612

Picker 組件

Picker 組件提供了滑動選擇器。本次更新,補充了 Picker 組件多級關(guān)聯(lián)的使用示例,以便開發(fā)者更好地開發(fā)實現(xiàn)多級 Picker 關(guān)聯(lián)相關(guān)的場景需求。Picker 組件多級關(guān)聯(lián),如圖 4 所示:

圖 4 Picker 多級關(guān)聯(lián)示意圖

Picker 組件官網(wǎng)指南:

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-component-picker-0000001059807909

TableLayout 布局

TableLayout 使用表格的方式劃分子組件。本次更新,補充了 TableLayout 子組件行列屬性的使用示例,開發(fā)者可以通過設(shè)置 TableLayout 子組件的行列屬性來實現(xiàn)單元格合并的效果。使用 TableLayout 實現(xiàn)單元格合并,如圖 5 所示:

圖 5 使用 TableLayout 實現(xiàn)單元格合并的示意圖

TableLayout 布局官網(wǎng)指南:

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-layout-tablelayout-0000001060379893

自定義組件

自定義組件是開發(fā)者根據(jù)設(shè)計需求創(chuàng)建的組件。本次更新,補充了自定義組件的完整的示例代碼,并對文檔中自定義圓環(huán)組件的功能進行調(diào)整,實現(xiàn)每次點擊/抬起都可改變圓環(huán)顏色。自定義圓環(huán)組件的效果,如圖 6 所示:

圖 6 自定義圓環(huán)組件的效果示意圖

自定義組件官網(wǎng)指南:

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-java-custom-components-0000001139369661

三、建議與反饋

華為稱堅持傾聽開發(fā)者聲音,持續(xù)優(yōu)化文檔體驗。開發(fā)者在開發(fā)的過程中有任何文檔問題和建議,可通過以下兩種方式進行反饋:

直接點擊開發(fā)文檔下“意見反饋”按鈕進行反饋;

華為開發(fā)者論壇“HarmonyOS”版塊下,單擊“發(fā)表主題”進行反饋。

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

相關(guān)文章

關(guān)鍵詞:鴻蒙HarmonyOS,華為

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

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