dialog의 background속성값이 코드에서 입력할 때 적용되는 이유

다이얼로그를 만들던 중, 다이얼로그 모서리를 둥글게 해야됐다.

당연히 될 것이라는 생각으로 가장 바깥 레이아웃에 이렇게 정의해서 사용했는데,

<androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        app:cardCornerRadius="20dp">

 

 

이런식으로 내가 지정한 배경 바깥에도 또 배경이 살아있는 것을 확인했다. 방법을 찾아본 결과, 코드에서 직접 지정해주면 해결되는 문제였는데

AlertDialog 인스턴스에 아래 코드와 같이 속성을 지정해주면된다.

alertDialog.window!!.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))

 

이 두 사진으로 알 수 있는건, layout에 정의된 background말고 background가 또 있다는 것인데, 이와 비슷한 예를 들자면, Theme수정을 했는데 Button의 스타일이 안바뀌는 경우가 있다. 여기서 벌써 눈치 챈 사람이 있을지도 모르겠다. 이 문제는 AlertDialog가 갖는 Style이 기본으로 지정되어 있어서 생기는 것이었다.

AlertDialog를 만드는 코드를 가져와 보겠다.

private fun initDialog(binding: ViewDataBinding) {
        val dialogBuilder = AlertDialog.Builder(context)
            .setView(binding.root)
            .setCancelable(false)

        alertDialog = dialogBuilder.create()
        alertDialog.window!!.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
        alertDialog.show()
    }

 

AlertDialog API의 Builder를 이용해 만들어지고, setView에서 지정해둔 레이아웃파일과 연결한다. 여기서는 위 문제를 알아차릴 수 없는데, AlertDialog로 들어가보면 바로 알 수 있다.

    /**
     * Construct an AlertDialog that uses an explicit theme.  The actual style
     * that an AlertDialog uses is a private implementation, however you can
     * here supply either the name of an attribute in the theme from which
     * to get the dialog's style (such as {@link R.attr#alertDialogTheme}.
     */
    protected AlertDialog(@NonNull Context context, @StyleRes int themeResId) {
        super(context, resolveDialogTheme(context, themeResId));
        mAlert = new AlertController(getContext(), this, getWindow());
    }

 

여러 생성자 중 하나인데, 생성할 때 Theme을 가져온다. 그리고 여기서 가져오는 Theme은 아래와 같다.

public static final int Theme_Material_Dialog_Alert

 

이것때문에 이러한 문제가 있었던 것이고(Dark, Light mode 모두 지원하고 있다.) 해결하기 위해서는 커스텀 다이얼로그 테마를 만들어서 사용하던지, 아예 배경을 투명으로 만드는 방법이 있다. 기본적으로 alertDialogTheme 속성을 따라가기 때문에 테마에서 지정해두면 된다.

커스텀 테마는 values/theme.xml파일에서 손보면되는데,

<style name="Theme.ShyPolarBear" parent="Theme.MaterialComponents.Light.NoActionBar">
        <item name="alertDialogTheme">@style/CustomAlertDialog</item>
</style>
<style name="CustomAlertDialog" parent="Theme.AppCompat.Dialog.Alert">
        <item name="colorAccent">@color/Black_01</item>
        <item name="android:windowBackground">@android:color/transparent</item>
</style>

 

이런식으로 미리 지정하는 방법이 있고, 다이얼로그 용 레이아웃을 따로 사용하는 경우에는 위 방법 처럼 코드로 지정해주는 게 더 편한 방법으로 보인다.

해당 parent 테마를 타고타고 들어가면 Base.Theme.AppCompat가 나오는데 여기 올려둘 테니 필요한 속성을 override해서 사용하면 될 것 같다. 꼭 아래 속성에 있는 것만 지정할 필요 없이 그냥 기존 Theme에도 사용하는 colorAccent와 같은 속성을 지정하면 지정한 속성은 해당 AlertDialog에서만 적용된다는 점도 기억하자.

<style name="Base.V7.Theme.AppCompat.Dialog" parent="Base.Theme.AppCompat">
        <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>

        <item name="android:buttonBarStyle">@style/Widget.AppCompat.ButtonBar.AlertDialog</item>
        <item name="android:borderlessButtonStyle">@style/Widget.AppCompat.Button.Borderless</item>
        <item name="android:windowCloseOnTouchOutside">true</item>
    </style>

 

 

참조:

https://developer.android.com/reference/android/R.style#Theme_Material_Dialog_Alert

"댓글, 공감 버튼 한 번씩 누르고 가주시면 큰 힘이 됩니다"