Android Dialog用法大全

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。