本篇文章主要為大家講述的是關於HTML中如何自訂dialog標籤的背景，還有其它的一些樣式設置，程式碼很多，需要自己的理解，接下來就讓我們一起來看關於HTML dialog自訂的文章吧
現在我們先來實作文章的第一個問題，HTML如何自訂dialog標籤的背景的：
現在很多App的提示對話框都很有個性，然而你還用系統的對話框樣式，是不是覺得很落後呢，今天我就跟大家講講怎樣自訂自己的Dialog，學會了之後，你就會根據自家app的主題，設計出對應的Dialog的風格。
好了接下來我就以一個簡單風格的自訂Dialog來講講自訂dialog的一般步驟和原則。
第一步: 為Dialog設定一個風格主題（基本上就是用這個主題）無邊框全透明背景：
<!--自定义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中文網了解更多知識。
現在我們說說如何自訂dialog：
東西很多，慢慢看
<style name="MyDialog" parent="android:style/Theme.Dialog">
<!--背景颜色及和透明程度-->
<item name="android:windowBackground">@android:color/transparent</item>
<!--是否去除标题 -->
<item name="android:windowNoTitle">true</item>
<!--是否去除边框-->
<item name="android:windowFrame">@null</item>
<!--是否浮现在activity之上-->
<item name="android:windowIsFloating">true</item>
<!--是否模糊-->
<item name="android:backgroundDimEnabled">false</item>
</style>第二步：給自定的Dialog設定自訂的xml介面,我這裡只是示範，你可以使用單選，多選，3個按鈕，4個按鈕等等，格式各樣的自訂XML，我這裡就定義了標題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>這就完成了雖然很長，但是學習是個很慢的過程。一點一點的來吧
好了，這篇文章到這也就結束了，歡迎大家的觀看，有什麼疑問可以在下方提問。
【小編推薦】
html5 footer標籤怎麼用？ footer標籤的用法實例
html frame標籤怎麼使用？ frame標籤的用法介紹（附實例）
以上是HTML如何自訂dialog背景？一篇文章教你如何自訂dialog！的詳細內容。更多資訊請關注PHP中文網其他相關文章！
