鴻蒙Arkts自定義HUD彈窗控件

簡(jiǎn)單高效的HUD补疑、dialog乌奇、aleart toast彈框組件,從簡(jiǎn)單一行代碼開始。 例如:HappayHUD.showLoad(message)


* 如果你要自定義彈框惠桃,它為你提供了哪些參數(shù)?關(guān)于頭部都以icon統(tǒng)稱

? ? 1. 可以全局辖试、局部辜王、設(shè)置窗口的背景色.

? ? 2. 可以全局、局部罐孝、設(shè)置交互模式(不遮擋HUD區(qū)域外)呐馆、不可交互模式(全屏)

? ? 3. 可以全局、設(shè)置彈框最大莲兢、最小寬度(寬高自適應(yīng)模式)

? ? 4. 可以局部設(shè)置HUD固定大小

? ? 5. 可以局部設(shè)置HUD寬高等比

? ? 6. 可以全局汹来、局部設(shè)置不同狀態(tài)下的icon

? ? 7. 可以自定義加載頭部組件,使用showCustomHeader完成顯示

? ? 8. 可以設(shè)置icon的大小

? ? 9. 可以設(shè)置繪制動(dòng)畫的顏色

? ? 10. 可以設(shè)置icon的外邊距

? ? 11. 可以全局改艇、局部設(shè)置文字的大小

? ? 12. 可以全局收班、局部設(shè)置文字顏色

? ? 13. 可以全局、局部設(shè)置HUD的背景色

? ? 14. 可以全局谒兄、局部設(shè)置HUD圓角

? ? 15. 可以全局摔桦、局部設(shè)置最長(zhǎng)的顯示時(shí)間

? ? 16. 可以全局設(shè)置最短的顯示時(shí)間

? ? 17. 可以局部設(shè)置延遲多少時(shí)間消失

? ? 18. 可以接收消失回調(diào)

? ? 19. 可以設(shè)置在屏幕上顯示位置、默認(rèn)居中

? ? 20. 可以設(shè)置icon和文字的布局橫向 縱向 反轉(zhuǎn)

? 查看demo了解更多?遠(yuǎn)程地址


* (大版本號(hào)1.0)版本 開發(fā)工具DevEco 4.1 Release API 9

* API10-12與API9代碼相同 開發(fā)工具DevEco Studio NEXT Developer Beta1

請(qǐng)?jiān)赱遠(yuǎn)程地址](https://atomgit.com/happay/happay_hud.git)查看承疲,注意事項(xiàng)看下邊補(bǔ)充說明

## HUD使用安裝(API9)

> 該項(xiàng)目所必須的條件和相關(guān)依賴

* 安裝方法:ohpm install @happay/happay_hud

* API9創(chuàng)建加載組件的頁(yè)面:例如 "pages/HudPage"添加到main_pages中

* HUD彈框:在EntryAbility.ets必須實(shí)例化窗口管理

* HudWindowManager.getInstance(windowStage,"pages/HudPage")

* "pages/HudPage"頁(yè)面中加載BaseComponent組件

使用說明

HudPage 頁(yè)面展示

import { AleartComponent, BaseComponent, CustomLayoutComponent, HAPPAY_HUD_ALEART } from '@happay/happay_hud'

@Entry

@Component

export struct HudPage {

? @StorageLink(HAPPAY_HUD_ALEART) pageType: number = 0

? @Builder

? headerComponent() { // 自定義頭部組件

? ? Column() {

? ? }.width(30)

? ? .height(30)

? ? .margin({ left: 10, right: 10, bottom: 10, top: 15 })

? ? .backgroundColor(Color.Pink)

? }

? build() {

? ? Column() {

? ? ? if (this.pageType === 1) {

? ? ? ? BaseComponent() // HUD彈窗的組件

? ? ? }

? ? ? if (this.pageType === 2) {

? ? ? ? AleartComponent() // aleart彈窗的組件? 不用的組件可以刪除

? ? ? }

? ? ? if (this.pageType === 3) {

? ? ? ? CustomLayoutComponent({

? ? ? ? ? headerLayout: (): void => this.headerComponent()

? ? ? ? }) // 自定義header

? ? ? }

}

}

}

## 補(bǔ)充說明

1. 全局參數(shù)建議在程序啟動(dòng)后設(shè)置

2. 單獨(dú)的HUD樣式使用建議使用局部參數(shù)

3. 局部參數(shù)使用 看調(diào)用方法中的 聲明參數(shù)

4. 如果您的開發(fā)工具DevEco Studio NEXT Developer Beta1 API10-12請(qǐng)查看遠(yuǎn)程地址中的代碼

5. 如果您再遠(yuǎn)程地址中下載的邻耕,master默認(rèn)API10-12

6. 如果您的開發(fā)工具DevEco 4.1 Release API 9下載代碼后需要注釋掉API11-12的幾行代碼

7. 由于只能在業(yè)余空閑時(shí)間寫,HappayAleart的內(nèi)容還很死板燕鸽,后期會(huì)慢慢修改兄世。

8. 當(dāng)前不支持gif加載 如果需要gif動(dòng)畫可以使用自定義頭部組件,自己完成gif播放

* AppStorageUtil文件中else {}里的所有代碼會(huì)自動(dòng)提示錯(cuò)誤的找不到set...直接注釋就可以

? if (bundleInfo && bundleInfo.targetVersion <= 10) {

AppStorage.SetOrCreate(propName, newValue)

} else {

// AppStorage.setOrCreate(propName, newValue)

}

## 調(diào)用HappayHUD


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末啊研,一起剝皮案震驚了整個(gè)濱河市御滩,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌悲伶,老刑警劉巖艾恼,帶你破解...
    沈念sama閱讀 218,682評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件住涉,死亡現(xiàn)場(chǎng)離奇詭異麸锉,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)舆声,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門花沉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)柳爽,“玉大人,你說我怎么就攤上這事碱屁×赘” “怎么了?”我有些...
    開封第一講書人閱讀 165,083評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵娩脾,是天一觀的道長(zhǎng)赵誓。 經(jīng)常有香客問我,道長(zhǎng)柿赊,這世上最難降的妖魔是什么俩功? 我笑而不...
    開封第一講書人閱讀 58,763評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮碰声,結(jié)果婚禮上诡蜓,老公的妹妹穿的比我還像新娘。我一直安慰自己胰挑,他們只是感情好蔓罚,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,785評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著瞻颂,像睡著了一般豺谈。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蘸朋,一...
    開封第一講書人閱讀 51,624評(píng)論 1 305
  • 那天核无,我揣著相機(jī)與錄音,去河邊找鬼藕坯。 笑死团南,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的炼彪。 我是一名探鬼主播吐根,決...
    沈念sama閱讀 40,358評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼辐马!你這毒婦竟也來(lái)了拷橘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,261評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤喜爷,失蹤者是張志新(化名)和其女友劉穎冗疮,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體檩帐,經(jīng)...
    沈念sama閱讀 45,722評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡术幔,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了湃密。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片诅挑。...
    茶點(diǎn)故事閱讀 40,030評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡四敞,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出拔妥,到底是詐尸還是另有隱情忿危,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評(píng)論 5 346
  • 正文 年R本政府宣布没龙,位于F島的核電站铺厨,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏硬纤。R本人自食惡果不足惜努释,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,360評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望咬摇。 院中可真熱鬧伐蒂,春花似錦、人聲如沸肛鹏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)在扰。三九已至缕减,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間芒珠,已是汗流浹背桥狡。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留皱卓,地道東北人裹芝。 一個(gè)月前我還...
    沈念sama閱讀 48,237評(píng)論 3 371
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像娜汁,于是被迫代替她去往敵國(guó)和親嫂易。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,976評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容