Android Dialog用法大全

来源：互联网发布：php app 编辑：程序博客网时间：2024/06/08 00:22

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。

0 0