Android修改Dialog样式

时间:2021-7-21 作者:qvyue

Android 对话框支持自定义标题,内容,按钮和点击事件,基本上可以满足我们日常的使用。
但有时候我们想要修改对话框的文字,按钮颜色等,系统并没有提供对应的方法,正常情况下只能自定义布局。
接下来通过源码解析介绍几种修改 Dialog样式的方法。

一、Dialog源码解析

1.1 new AlertDialog.Builder(this).create()

    protected AlertDialog(@NonNull Context context, @StyleRes int themeResId) {
        super(context, resolveDialogTheme(context, themeResId));
        //创建AlertController,是Dialog布局相关代码
        mAlert = new AlertController(getContext(), this, getWindow());
    }

        @NonNull
        public AlertDialog create() {
            // We can't use Dialog's 3-arg constructor with the createThemeContextWrapper param,
            // so we always have to re-set the theme
            final AlertDialog dialog = new AlertDialog(P.mContext, mTheme);
            P.apply(dialog.mAlert);
            dialog.setCancelable(P.mCancelable);
            if (P.mCancelable) {
                dialog.setCanceledOnTouchOutside(true);
            }
            dialog.setOnCancelListener(P.mOnCancelListener);
            dialog.setOnDismissListener(P.mOnDismissListener);
            if (P.mOnKeyListener != null) {
                dialog.setOnKeyListener(P.mOnKeyListener);
            }
            return dialog;
        }

        public void apply(AlertController dialog) {
            if (mCustomTitleView != null) {
                dialog.setCustomTitle(mCustomTitleView);
            } else {
                if (mTitle != null) {
                    dialog.setTitle(mTitle);
                }
                if (mIcon != null) {
                    dialog.setIcon(mIcon);
                }
                if (mIconId != 0) {
                    dialog.setIcon(mIconId);
                }
            ..........
  1. AlertDialog 构造函数中会创建 AlertController,用来控制对话框的布局
  2. P.apply(dialog.mAlert); 将用户自定义的配置赋值给 AlertController

1.2 AlertController

    public AlertController(Context context, AppCompatDialog di, Window window) {
        mContext = context;
        mDialog = di;
        mWindow = window;
        mHandler = new ButtonHandler(di);

        final TypedArray a = context.obtainStyledAttributes(null, R.styleable.AlertDialog,
                R.attr.alertDialogStyle, 0);

        mAlertDialogLayout = a.getResourceId(R.styleable.AlertDialog_android_layout, 0);
        mButtonPanelSideLayout = a.getResourceId(R.styleable.AlertDialog_buttonPanelSideLayout, 0);

        mListLayout = a.getResourceId(R.styleable.AlertDialog_listLayout, 0);
        mMultiChoiceItemLayout = a.getResourceId(R.styleable.AlertDialog_multiChoiceItemLayout, 0);
        mSingleChoiceItemLayout = a
                .getResourceId(R.styleable.AlertDialog_singleChoiceItemLayout, 0);
        mListItemLayout = a.getResourceId(R.styleable.AlertDialog_listItemLayout, 0);
        mShowTitle = a.getBoolean(R.styleable.AlertDialog_showTitle, true);
        mButtonIconDimen = a.getDimensionPixelSize(R.styleable.AlertDialog_buttonIconDimen, 0);

        a.recycle();

        /* We use a custom title so never request a window title */
        di.supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
    }

R.attr.alertDialogStyle 是 对话框的默认样式,

        @style/AlertDialog.AppCompat

            @layout/abc_alert_dialog_material
            @layout/abc_select_dialog_material
            @layout/select_dialog_item_material
            @layout/select_dialog_multichoice_material
            @layout/select_dialog_singlechoice_material
            @dimen/abc_alert_dialog_button_dimen
        

上述代码可以看出,abc_alert_dialog_material 就是dialog的默认布局。

标题布局:



按钮布局:





        

        

    

二、修改Dialog样式

2.1 通过findViewById

      AlertDialog.Builder builder = new AlertDialog.Builder(this);
      builder.setMessage(msg);
      builder.setPositiveButton(getString(R.string.yes), null);
      AlertDialog dialog = builder.create();
      dialog.show();
      //直接通过id找到对应的控件
      Button button = dialog.findViewById(android.R.id.button1);
      //或者通过getButton方法也可以获取到
      Button button2 = dialog.getButton(DialogInterface.BUTTON_POSITIVE);

这种修改方式必须在 show() 之后调用,否则会出现空指针异常。这个是因为,执行 show() 方法的时候,dialog才会初始化布局,具体源码可以查看 Dialog 的 onCreate 方法。

2.2 自定义style

通过上面源码可以发现,Dialog三个按钮的样式如下:

  1. buttonBarNeutralButtonStyle
  2. buttonBarNegativeButtonStyle
  3. buttonBarPositiveButtonStyle
        

        

        

自定义样式替换上述 style即可达到修改效果。

  1. 在style.xml添加如下代码:
    
        @color/test1
    

        @color/test2
    

        @style/accessPositiveBtnStyle
        @style/accessNegativeBtnStyle
    
  1. 具体使用:
    AlertDialog.Builder builder = new AlertDialog.Builder(this, R.style.testDialogTheme);
    builder.setMessage("Test");
    builder.setCancelable(false);
    builder.setPositiveButton("确认", null);
    builder.setNegativeButton("取消", null);
    Dialog dialog = builder.create();
    dialog.show();
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:qvyue@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。