快捷導(dǎo)航

Android去除AlertDialog的按鈕欄的分隔線

更新時(shí)間：2018年06月08日 13:42:13 作者：Mmuz_4078

這篇文章主要介紹了Android去除AlertDialog的按鈕欄的分隔線，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧

在網(wǎng)上學(xué)習(xí)了一種繼承系統(tǒng)AlertDialog然后用一統(tǒng)一方法控制dialog顯示的方法，效果還不錯(cuò)，但按鈕欄那里的分隔線并不是想要的。于是去查看sdk中的AlertDialog的xml文件中的布局，發(fā)現(xiàn)其中并沒有這一分隔線的影子，所以判斷應(yīng)該是在style中進(jìn)行設(shè)置的。

在styles文件中找到常用的Dialog的主題如："Theme.Holo.Light.Dialog"。

<style name="Theme.Holo.Light.Dialog">
    <item name="windowFrame">@null</item>
    <item name="windowTitleStyle">@style/DialogWindowTitle.Holo.Light</item>
    <item name="windowBackground">@drawable/dialog_full_holo_light</item>
    <item name="windowIsFloating">true</item>
    <item name="windowContentOverlay">@null</item>
    <item name="windowAnimationStyle">@style/Animation.Holo.Dialog</item>
    <item name="windowSoftInputMode">stateUnspecified|adjustPan</item>
    <item name="windowActionBar">false</item>
    <item name="windowActionModeOverlay">true</item>
    <item name="windowCloseOnTouchOutside">@bool/config_closeDialogWhenTouchOutside</item>

    <item name="colorBackgroundCacheHint">@null</item>

    <item name="buttonBarStyle">@style/Holo.Light.ButtonBar.AlertDialog</item>
    <item name="borderlessButtonStyle">@style/Widget.Holo.Light.Button.Borderless.Small</item>

    <item name="textAppearance">@style/TextAppearance.Holo.Light</item>
    <item name="textAppearanceInverse">@style/TextAppearance.Holo.Light.Inverse</item>

    <item name="listPreferredItemPaddingLeft">16dip</item>
    <item name="listPreferredItemPaddingRight">16dip</item>
    <item name="listPreferredItemPaddingStart">16dip</item>
    <item name="listPreferredItemPaddingEnd">16dip</item>

    <item name="preferencePanelStyle">@style/PreferencePanel.Dialog</item>
</style>

在其中找到有關(guān)按鈕欄的樣式：“Holo.Light.ButtonBar.AlertDialog”。

<style name="Holo.Light.ButtonBar.AlertDialog">
    <item name="background">@null</item>
    <item name="dividerPadding">0dp</item>
 </style>

發(fā)現(xiàn)這里沒有有關(guān)分隔線的設(shè)置，于是接著看它的父樣式："Holo.Light.ButtonBar"。

<style name="Holo.Light.ButtonBar" parent="Holo.ButtonBar" />

這里只是繼承了“Holo.ButtonBar”，所以接著向上找。

<style name="Holo.ButtonBar" parent="ButtonBar">
    <item name="paddingTop">0dip</item>
    <item name="paddingStart">0dip</item>
    <item name="paddingEnd">0dip</item>
    <item name="paddingBottom">0dip</item>
    <item name="divider">?attr/dividerVertical</item>
    <item name="showDividers">middle</item>
    <item name="dividerPadding">12dip</item>
    <item name="background">@null</item>
</style>

終于看到了有關(guān)divider的屬性。

<item name="divider">?attr/dividerVertical</item>
<item name="showDividers">middle</item>
<item name="dividerPadding">12dip</item>

name="divider“

屬性名為“divider”的值是一個(gè)dividerVertical的引用。

 <!-- Drawable to use for generic vertical dividers. -->
 <attr name="dividerVertical" format="reference" />

然后theme文件中找到它。

<item name="dividerVertical">?attr/listDivider</item>

發(fā)現(xiàn)dividerVertical的值還是一個(gè)引用listDivider，于是我們繼續(xù)在theme文件中找到listDivider。

<item name="listDivider">@drawable/list_divider_holo_dark</item>

到這，就知道了名為”divider“的屬性最終是引用了一個(gè)drawable來當(dāng)做分隔線。

name="showDividers"

android:showDividers屬性可以設(shè)置如下4個(gè)值：

none：不顯示分隔線；
beginning：在LinearLayout的開始處顯示分隔線；
end：在Linearlayout的結(jié)尾處顯示分隔線；
middle：在LinearLayout中的每兩個(gè)組件間顯示分隔線；

所以如果不想按鈕欄帶有分隔線就可以創(chuàng)建自己的按鈕欄樣式并繼承”Holo.Light.ButtonBar.AlertDialog“，然后將這一屬性設(shè)為"none"。

<style name="My_ButtonBar_Style" parent="@android:style/Holo.Light.ButtonBar.AlertDialog">
    <item name="android:showDividers">none</item>
</style>

然后將自定義的樣式加入自定義的alert_dialog主題中,這樣divider就不會(huì)再顯示了。

<style name="alert_dialog" parent="@android:style/Theme.Holo.Light.Dialog">
    <item name="android:windowIsTranslucent">false</item>
    <item name="android:windowNoTitle">false</item>
    <item name="android:backgroundDimEnabled">true</item>
    <item name="android:windowBackground"> @android:color/transparent</item>
    <item name="android:buttonStyle">@style/Button_Style</item>
    <item name="android:buttonBarStyle">@style/Gui_ButtonBar_Style</item>
</style>