Android Dialog用法大全

最新推荐文章于 2024-06-28 02:04:24 发布

chwnpp2

最新推荐文章于 2024-06-28 02:04:24 发布

阅读量548

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/chwnpp2/article/details/53705540

版权

Android 专栏收录该内容

64 篇文章 1 订阅

订阅专栏

Dialog是Android中使用非常频繁的一个控件。下面是对它的一些使用总结。

1.如何创建一个四角是圆角的对话框？

效果如图所示：

方法：
1.1.将白色内容部分的根节点(例如id为v_content_root)的背景设置为圆角的shape图或者.9图；
1.2.内容区的四边不要match到根节点，要margin出一定距离，以便露出根节点背景的圆角；
1.3.底部按钮如果有点击效果的话，左侧按钮的背景需要是左下角是同半径圆角的矩形图；右侧按钮的背景则需要是右下角是同半径圆角的矩形图。

这里直接贴出这个Dialog的代码：

public class CommonDialog extends Dialog implements View.OnClickListener {
    private Context mContext;
    private TextView tv_content;
    private TextView tv_sure;
    private TextView tv_cancel;
    private View v_divider;
    private OnCommonDialogClickListener listener;

    private String mContent;
    private String mBtnSureText;
    private String mBtnCancelText;
    private int mBtnSureVisible = View.VISIBLE;

    public CommonDialog(Context context) {
        super(context, R.style.DialogWithOutAnim);
        mContext = context;
    }

    public CommonDialog(Context context, int theme) {
        super(context, theme);
        setCancelable(true);
    }

    public void setContent(String content) {
        mContent = content;
    }

    public void setBtnSureText(String btnOkText) {
        mBtnSureText = btnOkText;
    }

    public void setBtnSureVisible(int visible) {
        mBtnSureVisible = visible;
    }

    public void setBtnCancelText(String btnCancelText) {
        mBtnCancelText = btnCancelText;
    }

    public void setOnCommonDialogClickListener(OnCommonDialogClickListener listener) {
        this.listener = listener;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        initWindowAttrs();
        initViews();
    }

    private void initWindowAttrs() {
        Window dialogWindow = this.getWindow();
        dialogWindow.setGravity(Gravity.CENTER);
        WindowManager.LayoutParams lp = dialogWindow.getAttributes();
        lp.height = ViewGroup.LayoutParams.WRAP_CONTENT;
        lp.width = ViewGroup.LayoutParams.WRAP_CONTENT;
        dialogWindow.setAttributes(lp);
    }

    protected void initViews() {
        LayoutInflater inflater = LayoutInflater.from(mContext);
        View view = inflater.inflate(getLayoutId(), null);
        int width = mContext.getResources().getDisplayMetrics().widthPixels;
        int dialogWidth = (int) mContext.getResources().getFraction(
                R.fraction.common_dialog_width, width, width);
        setContentView(view, new ViewGroup.LayoutParams(dialogWidth,
                ViewGroup.LayoutParams.WRAP_CONTENT));
        tv_content = (TextView) findViewById(R.id.tv_content);
        tv_cancel = (TextView) findViewById(R.id.tv_cancel);
        tv_sure = (TextView) findViewById(R.id.tv_sure);
        v_divider = findViewById(R.id.v_divider);
        tv_cancel.setOnClickListener(this);
        tv_sure.setOnClickListener(this);
    }

    private int getLayoutId() {
        return R.layout.dialog_common;
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.tv_sure://
                dismiss();
                if (listener != null) {
                    listener.onCommonDialogClickSure();
                }
                break;
            case R.id.tv_cancel://
                dismiss();
                if (listener != null) {
                    listener.onCommonDialogClickCancel();
                }
                break;
        }
    }

    @Override
    public void show() {
        super.show();
        if (!StringUtil.isEmpty(mContent)) {
            tv_content.setText(mContent);
        }
        if (View.VISIBLE == mBtnSureVisible) {
            if (!StringUtil.isEmpty(mBtnSureText)) {
                tv_sure.setText(mBtnSureText);
            }
        } else {
            v_divider.setVisibility(View.GONE);
            tv_sure.setVisibility(View.GONE);
        }
        if (tv_sure.getVisibility() == View.GONE && tv_cancel.getVisibility() == View.VISIBLE) {
            tv_cancel.setBackgroundResource(R.drawable.dialog_white_single_btn_selector);
        }
        if (!StringUtil.isEmpty(mBtnCancelText)) {
            tv_cancel.setText(mBtnCancelText);
        }
    }

    public interface OnCommonDialogClickListener {
        void onCommonDialogClickSure();

        void onCommonDialogClickCancel();
    }
}

布局dialog_common.xml为：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:background="@drawable/bg_common_dialog"
        android:orientation="vertical">

        <LinearLayout
            android:id="@+id/ll_content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/dialog_content_padding_top"
            android:layout_marginLeft="@dimen/dialog_content_padding_left"
            android:layout_marginRight="@dimen/dialog_content_padding_left"
            android:layout_marginTop="@dimen/dialog_content_padding_top"
            android:gravity="center"
            android:minHeight="@dimen/dialog_content_min_height"
            android:orientation="vertical">

            <TextView
                android:id="@+id/tv_content"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:textColor="@color/gray_dark"
                android:textSize="@dimen/common_large_text_size" />
        </LinearLayout>

        <View
            android:layout_width="match_parent"
            android:layout_height="@dimen/common_divider_line_height"
            android:background="@color/line_gray_color" />

        <LinearLayout
            android:id="@+id/ll_bottom_action_bar"
            android:layout_width="match_parent"
            android:layout_height="@dimen/dialog_btn_bar_height"
            android:layout_alignParentBottom="true"
            android:orientation="horizontal">

            <TextView
                android:id="@+id/tv_cancel"
                android:layout_width="0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1"
                android:background="@drawable/dialog_white_blr_btn_selector"
                android:gravity="center"
                android:text="@string/cancel"
                android:textColor="@color/gray_dark"
                android:textSize="@dimen/common_large_text_size" />

            <View
                android:id="@+id/v_divider"
                android:layout_width="@dimen/common_divider_line_height"
                android:layout_height="match_parent"
                android:background="@color/line_gray_color" />

            <TextView
                android:id="@+id/tv_sure"
                android:layout_width="0dp"
                android:layout_height="fill_parent"
                android:layout_weight="1"
                android:background="@drawable/dialog_white_brr_btn_selector"
                android:gravity="center"
                android:text="@string/ok"
                android:textColor="@color/gray_dark"
                android:textSize="@dimen/common_large_text_size" />
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

其中的shape文件分别为:

//bg_common_dialog.xml为：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 圆角 -->
    <corners android:radius="@dimen/dialog_corner_radius" />

    <!-- 间隔 -->
    <padding
        android:bottom="0dp"
        android:left="0dp"
        android:right="0dp"
        android:top="0dp" />

    <solid android:color="@android:color/white" />
</shape>

//dialog_white_blr_btn_selector.xml为：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_pressed="true">
        <shape>
            <corners android:bottomLeftRadius="@dimen/dialog_corner_radius"/>
            <solid android:color="@color/white_btn_pressed" />
        </shape>
    </item>
    <item>
        <shape>
            <corners android:bottomLeftRadius="@dimen/dialog_corner_radius"/>
            <solid android:color="@color/white" />
        </shape>
    </item>
</selector>

2.如何将整个背景设置为透明效果？

效果如图：

方法：
2.1.将Dialog布局的背景设置为透明色；
2.2.将Window的背景设置为透明色，即通过设置Dialog的theme来解决。

其中theme的使用和配置如下：

public class PtLoadingDialog extends Dialog {
    private Context mContext;

    public PtLoadingDialog(Context context) {
        super(context, R.style.DialogWithOutAnim);
        this.mContext = context;
......
    }
......
}

    <style name="DialogWithOutAnim" parent="@android:style/Theme.Dialog">
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:background">@color/transparent</item>
        <item name="android:windowFullscreen">true</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:windowAnimationStyle">@null</item>
        <item name="android:windowIsTranslucent">false</item>
        <item name="android:windowFrame">@null</item>
        <item name="android:backgroundDimEnabled">true</item>
        <item name="android:windowSoftInputMode">stateUnspecified|adjustResize</item>
    </style>

3.如何做出一个Dialog样式的Activity？

这种情况常见于调用第三方sdk时的回调页面，比如微信支付SDK。或者一个相对独立的页面，浮在当前页面之上。

这里的关键点也是通过设置Theme的方法将Activity的Window窗体背景色改为透明色或者带一定透明度的灰色，先从视觉上让它像一个浮在当前页面的Dialog。

Theme的值如下：

    <style name="MyDialogStyle">
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowFrame">@null</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
        <item name="android:backgroundDimEnabled">true</item>
    </style>

这里需要注意的一个属性是：windowIsFloating。

windowIsFloating属性设置为false, 默认将Window设置成全屏大小，设置为true，则window大小为wrap_content。

4.注意事项

4.1.在使用Dialog时会遇到窗体泄露的崩溃，原因是Dialog的载体Activity已经被回收了。因此当页面在使用Dialog时，建议使用全部变量去引用；然后在Activity的onDestroy方法里dismiss掉Dialog。