今天開發(fā)板到手了,于是想體驗一些新的東西。于是就從彈窗做起。
顯示警告彈窗組件,可設(shè)置文本內(nèi)容與響應(yīng)回調(diào)。 從API Version 7開始支持
屬性
| 名稱 | 參數(shù)類型 | 默認值 | 參數(shù)描述 |
|---|---|---|---|
| show | options: { paramObject1| paramObject2} | - | 定義并顯示AlertDialog組件 |
paramObject1參數(shù)
| 參數(shù)名 | 參數(shù)類型 | 必填 | 默認值 | 參數(shù)描述 |
|---|---|---|---|---|
| title | string | 否 | - | 彈窗標題。 |
| message | string | 是 | - | 彈窗內(nèi)容。 |
| autoCancel | boolean | 否 | true | 點擊遮障層時,是否關(guān)閉彈窗。 |
| confirm | { value: string |, fontColor?: Color | number | string | , backgroundColor?: Color | number | string | , action: () => void } | 否 | - | 確認按鈕的文本內(nèi)容、文本色、按鈕背景色和點擊回調(diào)。 |
| cancel | () => void | 否 | - | 點擊遮障層關(guān)閉dialog時的回調(diào)。 |
| alignment | DialogAlignment | 否 | DialogAlignment.Default | 彈窗在豎直方向上的對齊方式。 |
| offset | { dx: Length | , dy: Length | } | 否 | - | 彈窗相對alignment所在位置的偏移量。 |
| gridCount | number | 否 | - | 彈窗容器寬度所占用柵格數(shù)。 |
paramObject2參數(shù)
| 參數(shù)名 | 參數(shù)類型 | 必填 | 默認值 | 參數(shù)描述 |
|---|---|---|---|---|
| title | string | 否 | - | 彈窗標題。 |
| message | string | 是 | - | 彈窗內(nèi)容。 |
| autoCancel | boolean | 否 | true | 點擊遮障層時,是否關(guān)閉彈窗。 |
| primaryButton | { value: string | fontColor?: Color | number | string | , backgroundColor?: Color | number | string | , action: () => void; } | 否 | - | 按鈕的文本內(nèi)容、文本色、按鈕背景色和點擊回調(diào)。 |
| secondaryButton | { value: string | , fontColor?: Color | number | string | , backgroundColor?: Color | number | string | , action: () => void; } | 否 | - | 按鈕的文本內(nèi)容、文本色、按鈕背景色和點擊回調(diào)。 |
| cancel | () => void | 否 | - | 點擊遮障層關(guān)閉dialog時的回調(diào)。 |
| alignment | DialogAlignment | 否 | DialogAlignment.Default | 彈窗在豎直方向上的對齊方式。 |
| offset | { dx: Length | , dy: Length |} | 否 | - | 彈窗相對alignment所在位置的偏移量。 |
| gridCount | number | 否 | - | 彈窗容器寬度所占用柵格數(shù)。 |
案例
@Entry
@Component
struct AlertDialogExample {
build() {
Column({ space: 50}) {
Button('one button')
.onClick(() => {
AlertDialog.show(
{
title: '彈窗標題',
message: '彈窗內(nèi)容',
autoCancel:false,
confirm: {
value: '確認按鈕的文本內(nèi)容',
?
action: () => {
console.info('Button-clicking callback')
}
},
cancel: () => {
console.info('Closed callbacks')
}
}
)
})
.backgroundColor(0x317aff)
Button('two button ')
.onClick(() => {
AlertDialog.show(
{
title: 'title',
message: 'text',
primaryButton: {
value: 'cancel',
action: () => {
?
console.info('Callback when the first button is clicked')
}
},
secondaryButton: {
value: 'ok',
action: () => {
console.info('Callback when the second button is clicked')
}
},
cancel: () => {
console.info('Closed callbacks')
}
}
)
}).backgroundColor(0x317aff)
}.width('100%').margin({ top: 500 })
}
}
效果圖:



然后我們可以運行在真機上。

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。
舉報投訴
-
開發(fā)板
+關(guān)注
關(guān)注
26文章
6435瀏覽量
121230 -
OpenHarmony
+關(guān)注
關(guān)注
33文章
3979瀏覽量
21388
發(fā)布評論請先 登錄
相關(guān)推薦
熱點推薦
PROFINET-RT使用 ETS 進行一致性測試
Note: From ART v2.44 ETS(Embedded Test System) is not necessary for conformance testing of Profinet
發(fā)表于 04-23 12:51
Coreless無芯工藝與ETS埋線路工藝的差異比對
在行業(yè)通用的載板制造領(lǐng)域中,除了減成法(Tenting)、改良型半加成法(mSAP)、半加成法(SAP)這三種主流核心技術(shù)路線外,還包含無芯工藝(Coreless)、嵌入式線路工藝(ETS,即
RPS - 200系列200W可靠綠色醫(yī)療電源:設(shè)計與應(yīng)用解析
RPS - 200系列200W可靠綠色醫(yī)療電源:設(shè)計與應(yīng)用解析 引言 在醫(yī)療設(shè)備的設(shè)計中,電源的可靠性、安全性和性能至關(guān)重要。RPS - 200系列
鴻蒙版微信消息彈窗不能進入聊天界面
用的最新鴻蒙6.0系統(tǒng),微信版本也是最新的,之前用的HarmonyOS4.0的微信就可以點擊消息彈窗,直接進入聊天界面,很方便?,F(xiàn)在點擊消息彈窗是進入微信主界面,不能進入對應(yīng)的聊天界面,有大佬知道是微信問題還是系統(tǒng)問題嗎?
發(fā)表于 12-11 16:20
RTT 5.1.0 警告 如何消除?
在RTT5.1.0中,出現(xiàn)如下警告
arm-none-eabi-gcc \"../rt-thread/src/klibc/kstdio.c\"
../rt-thread/src
發(fā)表于 10-14 06:40
rtthread5.1.0使用cmake構(gòu)建時,有很多警告是怎么回事?
我下載了release版本的5.1.0,構(gòu)建時出現(xiàn)了下面的警告
在代碼里看到這段定義
請問這種情況需要怎么處理才能把警告處理掉
發(fā)表于 10-10 07:52
在 Buildroot 中啟用 JPEG格式支持,但它有警告消息:“錯誤的管道:沒有元素 Jpegparse”,怎么解決?
在 Buildroot 中啟用 JPEG格式支持,但它有警告消息:“錯誤的管道:沒有元素 Jpegparse”
發(fā)表于 09-03 06:41
安裝了platformIO插件,重啟過軟件,在通用項目中點擊 基于platformIO,就彈窗說沒安裝,怎么解決?
安裝了platformIO插件,重啟過軟件,在通用項目中點擊 基于platformIO,就彈窗說沒安裝。rtthreadstudio版本是最新的。
請問問題出在哪里?如何解決呢?
發(fā)表于 09-01 06:52
中國中車ETS3動車組在馬來西亞啟用
近日,由中國中車集團旗下中車株機公司研制的ETS3動車組從吉隆坡車站啟程,駛往柔佛居鑾,正式在馬來西亞啟用,標志著中馬兩國在軌道交通領(lǐng)域的合作邁上新臺階,成為中馬友誼持續(xù)深化的重要見證。
分享---超聲波焊接機設(shè)備實現(xiàn)告 \"警彈窗\" 效果的簡單方法
在實際設(shè)計產(chǎn)品UI界面中,經(jīng)常碰到要設(shè)計”告警彈窗”功能如,設(shè)備運行中產(chǎn)生了告警信息時,要彈出窗口提示用戶做操作。
使用拓普微廠家的串口屏開發(fā)工具SGTools,可以很容易的實現(xiàn)”告警彈窗”功能,只需要簡單設(shè)置屬性就可以實現(xiàn);
發(fā)表于 08-21 11:17
鴻蒙非侵入式彈窗新解法,企查查正式開源“QuickDialog”彈窗組件庫
近日,企查查將其自研的鴻蒙彈窗組件庫“QuickDialog”開源,并上線至?OpenHarmony 三方庫中心倉。這是鴻蒙生態(tài)首個支持“彈窗堆棧暫存能力”的非侵入式彈窗解決方案,憑借其靈活、高效
《仿盒馬》app開發(fā)技術(shù)分享-- 分類模塊頂部導航列表彈窗(16)
彈窗,同時我們的數(shù)據(jù)源需要跟分類頁保持一一致。
功能分析
1.彈窗
自定義彈窗的實現(xiàn),然后我們需要在彈窗創(chuàng)建的時候?qū)崿F(xiàn)數(shù)據(jù)的同步,當我們在
發(fā)表于 06-30 10:34
《仿盒馬》app開發(fā)技術(shù)分享-- 商品規(guī)格彈窗(11)
%\')
}
}
創(chuàng)建完成之后我們在詳情頁面初始化彈窗,把查詢的數(shù)據(jù)傳進去
specDialogController:CustomDialogController=new
發(fā)表于 06-30 09:15
HarmonyOS實戰(zhàn):首頁多彈窗順序彈出終極解決方案
背景 隨著應(yīng)用軟件功能的不斷增加,應(yīng)用程序軟件首頁成為彈窗的重災(zāi)區(qū),不僅有升級彈窗,還有積分彈窗,簽到,引導等各種彈窗。為了徹底解彈窗問題,
在duyu200上體驗eTS-警告彈窗
評論