簡(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