Cách sử dụng và định kiểu AlertDialog mới từ appCompat 22.1 trở lên

Tôi đang cố gắng di chuyển từ Android mặc định AlertDialogsang phiên bản mới có trong appCompat-22.1 Cho đến nay tôi hiểu bạn chỉ phải nhậpandroid.support.v7.app.AlertDialog gói để sử dụng nó.

Nhưng làm thế nào tôi có thể phong cách nó? Ví dụ thay đổi màu nút dương / âm, màu tiêu đề, màu thông báo và màu nền?

Khi tạo, AlertDialogbạn có thể thiết lập một chủ đề để sử dụng.

Ví dụ - Tạo hộp thoại

AlertDialog.Builder builder = new AlertDialog.Builder(this, R.style.MyAlertDialogStyle);
builder.setTitle("AppCompatDialog");
builder.setMessage("Lorem ipsum dolor...");
builder.setPositiveButton("OK", null);
builder.setNegativeButton("Cancel", null);
builder.show();

style.xml - Kiểu tùy chỉnh

<style name="MyAlertDialogStyle" parent="Theme.AppCompat.Light.Dialog.Alert">
    <!-- Used for the buttons -->
    <item name="colorAccent">#FFC107</item>
    <!-- Used for the title and text -->
    <item name="android:textColorPrimary">#FFFFFF</item>
    <!-- Used for the background -->
    <item name="android:background">#4CAF50</item>
</style>

Kết quả

Biên tập

Để thay đổi Giao diện của Tiêu đề, bạn có thể làm như sau. Đầu tiên thêm một phong cách mới:

<style name="MyTitleTextStyle">
    <item name="android:textColor">#FFEB3B</item>
    <item name="android:textAppearance">@style/TextAppearance.AppCompat.Title</item>
</style>

sau đó chỉ cần tham khảo phong cách này trong MyAlertDialogStyle :

<style name="MyAlertDialogStyle" parent="Theme.AppCompat.Light.Dialog.Alert">
    ...
    <item name="android:windowTitleStyle">@style/MyTitleTextStyle</item>
</style>

Bằng cách này, bạn có thể xác định khác nhau textColorcho thông báo qua android:textColorPrimaryvà khác với tiêu đề thông qua kiểu.

Để sử dụng một chủ đề cho tất cả ứng dụng và không sử dụng tham số thứ hai để tạo kiểu cho Hộp thoại của bạn

<style name="MyTheme" parent="Base.Theme.AppCompat.Light">
    <item name="alertDialogTheme">@style/dialog</item>
    <item name="colorAccent">@color/accent</item>
</style>

<style name="dialog" parent="Base.Theme.AppCompat.Light.Dialog.Alert">
    <item name="colorAccent">@color/accent</item>
</style>

Trên ứng dụng của tôi sử dụng dấu màu trong chủ đề, không hiển thị các nút của alertDialog với màu chủ đề. Tôi phải thêm kiểu hộp thoại trong chủ đề.

Nếu bạn muốn sử dụng android.support.v7.app.AlertDialog mới và có các màu khác nhau cho các nút và cũng có bố cục tùy chỉnh thì hãy xem https://gist.github.com/JoachimR/6bfbc175d5c8116d411e của tôi

@NonNull
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {

    View v = inflater.inflate(R.layout.custom_layout, null);

    initDialogUi(v);

    final AlertDialog d = new AlertDialog.Builder(activity, R.style.AppCompatAlertDialogStyle)
            .setTitle(getString(R.string.some_dialog_title))
            .setCancelable(true)
            .setPositiveButton(activity.getString(R.string.some_dialog_title_btn_positive),
                    new DialogInterface.OnClickListener() {
                        @Override
                        public void onClick(DialogInterface dialog, int which) {
                            doSomething();
                            dismiss();
                        }
                    })
            .setNegativeButton(activity.getString(R.string.some_dialog_title_btn_negative),
                    new DialogInterface.OnClickListener() {
                        @Override
                        public void onClick(DialogInterface dialog, int which) {
                            dismiss();
                        }
                    })
            .setView(v)
            .create();

    // change color of positive button         
    d.setOnShowListener(new DialogInterface.OnShowListener() {
        @Override
        public void onShow(DialogInterface dialog) {
            Button b = d.getButton(DialogInterface.BUTTON_POSITIVE);
            b.setTextColor(getResources().getColor(R.color.colorPrimary));
        }
    });

    return d;
}

Thực hiện theo câu trả lời @reVerse nhưng trong trường hợp của tôi, tôi đã có một số tài sản theo ý AppThememuốn của mình

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    ...
    <item name="android:textColor">#111</item>
    <item name="android:textSize">13sp</item>
</style>

Vì vậy, hộp thoại của tôi sẽ giống như

Tôi đã giải quyết nó bằng cách

1) Thay đổi nhập khẩu từ android.app.AlertDialogđể android.support.v7.app.AlertDialog
2) Tôi ghi đè 2 tài sản trong AppThemevới giá trị null

<style name="MyAlertDialogStyle" parent="Theme.AppCompat.Light.Dialog.Alert">
    <!-- Used for the buttons -->
    <item name="colorAccent">#FFC107</item>
    <!-- Used for the title and text -->
    <item name="android:textColorPrimary">#FFFFFF</item>
    <!-- Used for the background -->
    <item name="android:background">#4CAF50</item>


    <item name="android:textColor">@null</item>
    <item name="android:textSize">@null</item>
</style>

.

AlertDialog.Builder builder = new AlertDialog.Builder(mContext, R.style.MyAlertDialogStyle);

Hy vọng nó sẽ giúp người khác

Nếu bạn giống tôi, bạn chỉ muốn sửa đổi một số màu trong AppCompat và màu duy nhất bạn cần thay đổi duy nhất trong hộp thoại là nền. Sau đó, tất cả những gì bạn cần làm là thiết lập một màu chocolorBackgroundFloating .

Đây là chủ đề cơ bản của tôi chỉ đơn giản là sửa đổi một số màu sắc không có chủ đề lồng nhau:

    <style name="AppTheme" parent="Theme.AppCompat">
        <item name="colorPrimary">@color/theme_colorPrimary</item>
        <item name="colorPrimaryDark">@color/theme_colorPrimaryDark</item>
        <item name="colorAccent">@color/theme_colorAccent</item>
        <item name="colorControlActivated">@color/theme_colorControlActivated</item>
        <item name="android:windowBackground">@color/theme_bg</item>
        <item name="colorBackgroundFloating">@color/theme_dialog_bg</item><!-- Dialog background color -->
        <item name="colorButtonNormal">@color/theme_colorPrimary</item>
        <item name="colorControlHighlight">@color/theme_colorAccent</item>
    </style>

    <item name="editTextColor">@color/white</item>
    <item name="android:textColor">@color/white</item>
    <item name="android:textColorHint">@color/gray</item>
    <item name="android:textColorPrimary">@color/gray</item>
    <item name="colorControlNormal">@color/gray</item>
    <item name="colorControlActivated">@color/white</item>
    <item name="colorControlHighlight">#30FFFFFF</item>