带有长文本的对话框按钮不换行/挤出 - android 5.0 lollipop 上的材质主题

Question

在优化棒棒糖材质主题的应用时，我遇到了这个烦人的问题：

当对话框按钮上的长文本不适合按钮栏的总宽度时，这些按钮的文本不会像以前的主题中那样包含在多行中。相反，以下按钮被挤出对话框，无法访问（见下图）。

截图：

到目前为止，我已经在这个问题上花费了很多时间，我可以在互联网上找到的唯一主题是： https://code.google.com/p/android/issues/detail?id=78302

所以我接受那里的建议并在这里问这个问题..

我尝试查看源代码（按钮使用 maxLines = 2 定义）并更改 buttonBarStyle 和 buttonBarButtonStyle 上的不同参数，但没有成功。

我正在寻找一种简单的样式解决方案，因此不想使用第三方库。

这可能只是一个模拟器问题吗？我不这么认为。

非常感谢您的帮助。提前致谢。

编辑： 要跟进，请参阅我自己在 12 月 3 日的回答，这不是解决方案。

Answer 1

这可以通过使用堆叠按钮而不是行按钮来解决。这是我的解决方法，如何使用 AppCompat lib 来实现：

代码 导入android.support.v7.app.AlertDialog；

    AlertDialog.Builder builder;
    builder = new AlertDialog.Builder(context, R.style.StackedAlertDialogStyle);
    builder.setTitle("Title");
    builder.setMessage("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dignissim purus eget gravida mollis. Integer in auctor turpis. Morbi auctor, diam eget vestibulum congue, quam arcu pulvinar dui, blandit egestas erat enim non ligula." +
            " Nunc quis laoreet libero. Aliquam consectetur nibh eu arcu eleifend efficitur.");
    builder.setPositiveButton("Positive Button", new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
        }
    });
    builder.setNeutralButton("Neutral Button", new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
        }
    });
    builder.setNegativeButton("Cancel Button", new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
        }
    });
    AlertDialog alertDialog = builder.create();
    alertDialog.show();
        try{
            final Button button = alertDialog.getButton(AlertDialog.BUTTON_POSITIVE);
            LinearLayout linearLayout = (LinearLayout) button.getParent();
            linearLayout.setOrientation(LinearLayout.VERTICAL);
        } catch(Exception ex){
            //ignore it
        }

风格

<style name="StackedAlertDialogStyle" parent="Theme.AppCompat.Light.Dialog.Alert">
    <item name="buttonBarButtonStyle">@style/StackedButtonBarButtonStyle</item>
</style>

<style name="StackedButtonBarButtonStyle" parent="Widget.AppCompat.Button.ButtonBar.AlertDialog">
    <item name="android:layout_gravity">right</item>
</style>

结果

Answer 2

跟进—— 由于我的初学者声誉，我无法发布两个以上的链接，因此我必须发布我的问题的答案而不是编辑它。

以下是我尝试使用 buttonBarStyle 和 buttonBarButtonStyle 设置按钮样式以实现任何改进的方法 - 请在此处查看结果：

不幸的是，这些显然不是理想的解决方案。

<resources>
    <style name="AppBaseTheme" parent="android:Theme.Material.Light">
        <!-- AlertDialog Style override in order to try to fix non line breaking buttons -->
        <item name="android:alertDialogTheme">@style/CustomAlertDialogStyle</item>
    </style>  

    <style name="CustomAlertDialogStyle" parent="android:Theme.Material.Light.Dialog.Alert">
        <item name="android:buttonBarButtonStyle">@style/CustomButtonBarButtonStyle</item>
        <item name="android:buttonBarStyle">@style/CustomButtonBarStyle</item>
    </style>

    <style name="CustomButtonBarStyle" parent="@android:style/Widget.Material.Light.ButtonBar.AlertDialog">
        <!-- Making sure, the button bar uses parent width and is not restricted in height -->
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:height">@null</item>
        <item name="android:minHeight">@null</item>
    </style>

    <style name="CustomButtonBarButtonStyle" parent="@android:style/Widget.Material.Light.Button.Borderless.Colored">
        <!-- Setting the weight as follows should result in equally wide buttons filling the alert dialog width,
            but instead they span further out of the dialog, breaking in multiple lines though -->
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">1</item>
        <!-- setting a fixed width as follows results in narrow buttons with line breaks, but of course this is not a solution -->
        <!-- <item name="android:width">100dp</item> -->
    </style>

</resources>

Answer 3

为感兴趣的人总结一下这个主题：

Android Material 主题似乎在警报对话框中存在自动按钮宽度跨度的错误。

例如，当您有 3 个按钮，其中一个包含多个单词时，肯定按钮可能会从右侧的对话框中挤出，而不是包含多个单词的按钮被包裹在多行中，这样所有按钮都适合按钮栏，就像基本主题/全息主题一样。

似乎并没有仅仅通过对 buttonBarStyle 和/或 buttonBarButtonStyle 进行更改来解决问题，因为它们的样式默认情况下不会限制按钮文本被包裹在多行中。

当然，Material 主题对话框按钮通常比其他主题需要更多空间，这是由于大写、粗体和宽大的填充和背景，但这不是问题的根源，它只是让它比样式更早出现需要更少的空间。

解决这个问题的唯一方法似乎是给你的按钮更短的标题，如果你不想改变 Material 的外观和感觉（比如缩小按钮文本大小和/或将 allCaps 设置为 false）。

Answer 4

使用下面的代码，让按钮在右边垂直排列

alertDialog.setOnShowListener(new DialogInterface.OnShowListener() {
        @Override
        public void onShow(DialogInterface dialog) {
            try {
                LinearLayout linearLayout = (LinearLayout) alertDialog.getButton(DialogInterface.BUTTON_POSITIVE).getParent();
                if (linearLayout != null) {
                    linearLayout.setOrientation(LinearLayout.VERTICAL);
                    linearLayout.setGravity(Gravity.RIGHT);
                }
            } catch (Exception ignored) {

            }
        }
    });

Answer 5

一个非动态的快速解决方案是添加 \n 以打破长字符串

Answer 6

在 Andrey T (https://stackoverflow.com/a/29662638/1317564) 的链接答案的帮助下，这是我想出的解决方法：

首先，您创建一个实用方法，该方法仅在需要包装按钮时才包装按钮：

public static void applyWorkaroundForButtonWidthsTooWide(Button dialogButton) {
        if (dialogButton == null)
            return;
        if (!(dialogButton.getParent() instanceof LinearLayout))
            return;            

        // Workaround for buttons too large in alternate languages.
        final LinearLayout linearLayout = (LinearLayout) dialogButton.getParent();
        linearLayout.addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
            @Override
            public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop,
                                       int oldRight, int oldBottom) {
                if (right - left > 0) {
                    final int parentWidth = linearLayout.getWidth();
                    int childrenWidth = 0;
                    for (int i = 0; i < linearLayout.getChildCount(); ++i)
                        childrenWidth += linearLayout.getChildAt(i).getWidth();

                    if (childrenWidth > parentWidth) {
                        // Apply stacked buttons
                        linearLayout.setOrientation(LinearLayout.VERTICAL);
                        linearLayout.setPadding(linearLayout.getPaddingLeft(), 0, linearLayout.getPaddingRight(),
                                linearLayout.getPaddingBottom());
                        for (int i = 0; i < linearLayout.getChildCount(); ++i) {
                            if (linearLayout.getChildAt(i) instanceof Button) {
                                final Button child = (Button) linearLayout.getChildAt(i);
                                child.setGravity(Gravity.END | Gravity.CENTER_VERTICAL);
                                final LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) child.getLayoutParams();
                                params.width = LinearLayout.LayoutParams.MATCH_PARENT;
                                params.gravity = Gravity.END;
                                child.setLayoutParams(params);
                            } else if (linearLayout.getChildAt(i) instanceof Space) {
                                linearLayout.removeViewAt(i--);
                            }
                        }
                    }

                    linearLayout.removeOnLayoutChangeListener(this);
                }
            }
        });
    }

您可以添加额外的错误处理（即尝试/捕获）并根据需要进一步自定义。

现在，当显示对话框时调用此实用方法：

dialog.setOnShowListener(new DialogInterface.OnShowListener() {
                @Override
                public void onShow(DialogInterface dialogInterface) {
                    MaterialAlertDialogUtils.applyWorkaroundForButtonWidthsTooWide(dialog.getButton(AlertDialog.BUTTON_POSITIVE));
                }
            });

这可以解决问题，并且只会在需要时包装按钮。我一直在使用它，因为即使是两个按钮的对话框也可能需要用德语包装，而三按钮的对话框肯定需要它在许多语言中。