在項目中需要彈框,然后設置圓角,其實首先我會想到使用v7 的AlertDialog??梢宰远x,使用AlertDialog.Builder構建需要的dialog。
并且支持setView。
如下:
new AlertDialog.Builder(MainActivity.this)
.setView(R.layout.layout_test)
.create().show();
layout.test --->亂寫的
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="dasdnasdn"
/>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="dasdnasdn"
/>
</LinearLayout>
確實非常方便。
直接寫好了一個彈框。
但是需求上需要背景有圓角,并且跟左右邊界距離為30dp。
于是我直接在LinearLayout設置背景發現是無效的。
我首先想到的是設置android:windowBackground
所以直接
<style name="TestAlertDialog" parent="Theme.AppCompat.Light.Dialog.Alert">
<item name="android:windowBackground">@android:color/holo_red_dark</item>
</style>
直接設置為紅色,然后
new AlertDialog.Builder(MainActivity.this,R.style.TestAlertDialog)
.setView(R.layout.layout_test)
.create().show();
會發現如下:
會發現邊上會是一圈黑色。
所以我們需要代碼跟入,看看原生style中是如何設置android:windowBackground
,然后模仿設置。
AlertDialog默認使用樣式 Theme.AppCompat.Light.Dialog.Alert
我們一步步跟入,查看他的樣式:
<style name="Theme.AppCompat.Light.Dialog.Alert" parent="Base.Theme.AppCompat.Light.Dialog.Alert"/>
<style name="Base.Theme.AppCompat.Light.Dialog.Alert">
<item name="windowMinWidthMajor">@dimen/abc_dialog_min_width_major</item>
<item name="windowMinWidthMinor">@dimen/abc_dialog_min_width_minor</item>
</style>
<style name="Base.Theme.AppCompat.Light.Dialog" parent="Base.V7.Theme.AppCompat.Light.Dialog"/>
<style name="Base.V7.Theme.AppCompat.Light.Dialog" parent="Base.Theme.AppCompat.Light">
<item name="android:colorBackground">?attr/colorBackgroundFloating</item>
<item name="android:colorBackgroundCacheHint">@null</item>
<item name="android:windowFrame">@null</item>
<item name="android:windowTitleStyle">@style/RtlOverlay.DialogWindowTitle.AppCompat</item>
<item name="android:windowTitleBackgroundStyle">@style/Base.DialogWindowTitleBackground.AppCompat</item>
<item name="android:windowBackground">@drawable/abc_dialog_material_background</item>
<item name="android:windowIsFloating">true</item>
<item name="android:backgroundDimEnabled">true</item>
<item name="android:windowContentOverlay">@null</item>
<item name="android:windowAnimationStyle">@style/Animation.AppCompat.Dialog</item>
<item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>
<item name="windowActionBar">false</item>
<item name="windowActionModeOverlay">true</item>
<item name="listPreferredItemPaddingLeft">24dip</item>
<item name="listPreferredItemPaddingRight">24dip</item>
<item name="android:listDivider">@null</item>
</style>
這里我們需要了解一個知識點
<style name="Base.Theme.AppCompat.Light.Dialog.Alert"> 沒有寫parent,但是由于名字,所以該style繼承于<style name="Base.Theme.AppCompat.Light.Dialog">
這里我就不過多介紹了,大家有興趣,可以搜索下android style繼承。
最終我們在Base.V7.Theme.AppCompat.Light.Dialog
這個樣式中找到
android:windowBackground
為@drawable/abc_dialog_material_background
跟入
<inset xmlns:android="http://schemas.android.com/apk/res/android"
android:insetLeft="16dp"
android:insetTop="16dp"
android:insetRight="16dp"
android:insetBottom="16dp">
<shape android:shape="rectangle">
<corners android:radius="2dp" />
<solid android:color="@android:color/white" />
</shape>
</inset>
沒錯,這就是AlertDialog默認樣式,所以我們可以復制這個文件,然后對其進行修改,如我的需求
- 背景為紅色
- 圓角20dp
- 左右距離30dp
就可以修改
test_dialog.xml
<inset xmlns:android="http://schemas.android.com/apk/res/android"
android:insetLeft="30dp"
android:insetTop="16dp"
android:insetRight="30dp"
android:insetBottom="16dp">
<shape android:shape="rectangle">
<corners android:radius="20dp" />
<solid android:color="@android:color/holo_red_dark" />
</shape>
</inset>
修改樣式
<style name="TestAlertDialog" parent="Theme.AppCompat.Light.Dialog.Alert">
<item name="android:windowBackground">@drawable/test_dialog</item>
</style>
在原來的AlertDialog樣式基礎之上修改android:windowBackground
。
然后代碼中設置樣式。
new AlertDialog.Builder(MainActivity.this,R.style.TestAlertDialog)
.setView(R.layout.layout_test)
.create().show();
運行如下:
這樣就達到了想要的效果。
當然有人說還不如自定義view,想怎么搞怎么搞。還是要看自己的需求,如果只是簡單的設置圓角,修改邊距的話,還是這樣直接修改樣式會方便點。
demo很low,大家將就看。