現(xiàn)在我們先來實現(xiàn)文章的第一個問題，HTML如何自定義dialog標(biāo)簽的背景的：

現(xiàn)在很多App的提示對話框都非常有個性，然而你還用系統(tǒng)的對話框樣式，是不是覺得很落后呢，今天我就給大家講講怎樣自定義自己的Dialog，學(xué)會了之后，你就會根據(jù)自家app的主題，設(shè)計出相應(yīng)的Dialog的風(fēng)格。

好了接下來我就以一個簡單風(fēng)格的自定義Dialog來講講自定義dialog的一般步驟和原理。

第一步: 給Dialog設(shè)置一個風(fēng)格主題（基本都是用這個主題）無邊框全透明背景：

 !--自定義dialog背景全透明無邊框theme --  style name= MyDialog parent= android:style/Theme.Dialog  !--背景顏色及和透明程度--  item name= android:windowBackground @android:color/transparent /item  /style 

dialog的自定義背景框如下：

 ?xml version= 1.0 encoding= utf-8 ?  shape xmlns:android= http://schemas.android.com/apk/res/android  solid android:color= #ffffff /  stroke  android:width= 0.8dp  android:color= #ffffff /  !-- 圓角 --  corners android:radius= 6dp /  /shape 

以上就是在APP中自定義dialog背景的簡單過程了，要想了解的更多，請上PHP 了解更多知識。

現(xiàn)在我們說說如何自定義dialog：

東西很多，慢慢看

 style name= MyDialog parent= android:style/Theme.Dialog  !--背景顏色及和透明程度--  item name= android:windowBackground @android:color/transparent /item  !--是否去除標(biāo)題 --  item name= android:windowNoTitle true /item  !--是否去除邊框--  item name= android:windowFrame @null /item  !--是否浮現(xiàn)在activity之上--  item name= android:windowIsFloating true /item  !--是否模糊--  item name= android:backgroundDimEnabled false /item  /style 

第二步：給自定的Dialog設(shè)置自定義的 xml界面,我這里只是示范，你可以使用單選，多選，3個按鈕，4個按鈕等等，格式各樣的自定義XML，我這里就定義了 標(biāo)題title，信息message，還有一個確定按鈕和取消按鈕，如下：

 ?xml version= 1.0 encoding= utf-8 ?  RelativeLayout xmlns:android= http://schemas.android.com/apk/res/android  android:layout_width= match_parent  android:layout_height= match_parent  android:background= #11ffffff  LinearLayout  android:layout_width= 260dp  android:layout_height= wrap_content  android:layout_centerInParent= true  android:background= @drawable/free_dialog_bg  android:orientation= vertical  TextView  android:id= @+id/title  android:layout_width= wrap_content  android:layout_height= wrap_content  android:layout_gravity= center  android:layout_margin= 15dp  android:gravity= center  android:text= 消息提示  android:textColor= #38ADFF  android:textSize= 16sp /  TextView  android:id= @+id/message  android:layout_width= wrap_content  android:layout_height= wrap_content  android:layout_marginLeft= 20dp  android:layout_marginRight= 20dp  android:text= 提示消息 /  View  android:layout_width= match_parent  android:layout_height= 1px  android:layout_marginTop= 15dp  android:background= #E4E4E4 /  LinearLayout  android:layout_width= match_parent  android:layout_height= 40dp  android:orientation= horizontal  Button  android:id= @+id/no  android:layout_width= 0dp  android:layout_height= match_parent  android:layout_marginLeft= 10dp  android:layout_weight= 1  android:background= @null  android:gravity= center  android:singleLine= true  android:text= No  android:textColor= #7D7D7D  android:textSize= 16sp /  View  android:layout_width= 1px  android:layout_height= match_parent  android:background= #E4E4E4 /  Button  android:id= @+id/yes  android:layout_width= 0dp  android:layout_height= match_parent  android:layout_marginRight= 10dp  android:layout_weight= 1  android:background= @null  android:gravity= center  android:singleLine= true  android:text= Yes  android:textColor= #38ADFF  android:textSize= 16sp /  /LinearLayout  /LinearLayout  /RelativeLayout 

dialog的自定義背景框如下：

 ?xml version= 1.0 encoding= utf-8 ?  shape xmlns:android= http://schemas.android.com/apk/res/android  solid android:color= #ffffff /  stroke  android:width= 0.8dp  android:color= #ffffff /  !-- 圓角 --  corners android:radius= 6dp /  /shape 

這就完成了雖然很長，但是學(xué)習(xí)是個很慢的過程。一點一點的來吧

好了，本篇文章到這也就結(jié)束了，歡迎大家的觀看，有什么疑問可以在下方提問。

【小編推薦】

html5 footer標(biāo)簽怎么用？footer標(biāo)簽的用法實例

html frame標(biāo)簽怎么使用？frame標(biāo)簽的用法介紹（附實例）

以上就是HTML如何自定義dialog背景？一篇文章教你如何自定義dialog！的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。