【Android】高仿QQ对话框之自定义对话框CustomDialog

最新推荐文章于 2019-07-06 18:48:52 发布

小屁孩2013

最新推荐文章于 2019-07-06 18:48:52 发布

阅读量1.3k

点赞数

分类专栏： Android 文章标签： Android UI Custom 对话框 Dialog

本文链接：https://blog.csdn.net/u010119170/article/details/37914885

版权

Android 专栏收录该内容

53 篇文章 0 订阅

订阅专栏

本文介绍了如何在Android中创建一个高仿QQ样式的自定义对话框CustomDialog，包括对话框的布局设计confirm_dialog.xml，自定义Dialog类ConfirmDialog.java的实现，以及测试代码和相关资源文件的应用。

摘要由CSDN通过智能技术生成

1.效果对比图

2.对话框布局--confirm_dialog.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/confimDialogRoot"
    android:layout_width="@dimen/dialogBase_width"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"
    android:background="@drawable/common_alert_bg" >

    <TextView
        android:id="@+id/tvTitle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/tvContent"
        android:layout_alignParentTop="true"
        android:layout_alignRight="@+id/tvContent"
        android:layout_marginTop="@dimen/dialogBase_title_marginTop"
        android:ellipsize="end"
        android:gravity="center"
        android:singleLine="true"
        android:text="标题栏示例"
        android:textColor="@color/black"
        android:textSize="@dimen/dialogBase_title_textSize" />

    <TextView
        android:id="@+id/tvContent"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tvTitle"
        android:layout_marginBottom="@dimen/dialogBase_body_marginBottom"
        android:layout_marginLeft="@dimen/dialogBase_body_marginLeft"
        android:layout_marginRight="@dimen/dialogBase_body_marginRight"
        android:layout_marginTop="@dimen/dialogBase_body_marginTop"
        android:gravity="center_horizontal|left"
        android:text="正文内容示例\n\n1.正文内容示例正文内容示例正文内容示例正文内容示例\n2.正文内容示例"
        android:textColor="@color/black"
        android:textSize="@dimen/dialogBase_content_textSize" />


    <View
        android:id="@+id/horizontalDividerLine"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dialogBase_divider_width"
        android:layout_below="@+id/tvContent"
        android:background="@color/dialog_gray" />

    <Button
        android:id="@+id/btnSingle"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dialogBase_btnHeight"
        android:layout_below="@+id/horizontalDividerLine"
        android:background="@drawable/common_dialog_single_button"
        android:ellipsize="end"
        android:singleLine="true"
        android:text="确定"
        android:textColor="@color/dialog_blue"
        android:textSize="@dimen/dialogBase_button_textSize" />

</RelativeLayout>

3.自定义Dialog--ConfirmDialog.java

/**
 * 
 */
package com.example.qq.overall.view;

import android.app.Dialog;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.Button;
import android.widget.TextView;

import com.example.qq.R;
import com.example.qq.overall.interfaces.CustomDialogInterface.OnClickListenter;

/**
 * Description: 只有一个按钮的对话框
 * 
 * @author danDingCongRong
 * @Version 1.0.0
 * @Created at 2014-7-17 19:50:49
 * @Modified by [作者] on [修改日期]
 */
public class ConfirmDialog extends Dialog {

	private CharSequence title;
	private CharSequence content;
	private CharSequence btnText;

	private OnClickListenter btnSingleOnClickListener;

	private ConfirmDialog(Context context) {
		super(context);
	}

	private ConfirmDialog(Context context, int theme) {
		super(context, theme);
	}

	public static class Builder {

		private Context context;
		private ConfirmDialog dialog;

		public Builder(Context context) {
			this.context = context;
			this.dialog = new ConfirmDialog(context, R.style.AlertDialog);
		}

		public Builder setTitle(CharSequence title) {
			dialog.title = title;
			return this;
		}

		public Builder setContent(CharSequence content) {
			dialog.content = content;
			return this;
		}

		public Builder setSingleButton(CharSequence text,
				OnClickListenter onClickListenter) {
			dialog.btnText = text;
			dialog.btnSingleOnClickListener = onClickListenter;
			return this;
		}

		public ConfirmDialog create() {
			View view = initView();

			dialog.setContentView(view);
			dialog.setCanceledOnTouchOutside(true);

			return dialog;
		}

		private View initView() {
			LayoutInflater inflater = (LayoutInflater) context
					.getSystemService("layout_inflater");
			View view = inflater.inflate(R.layout.confirm_dialog, null);

			TextView tvTitle = (TextView) view.findViewById(R.id.tvTitle);
			TextView tvContent = (TextView) view.findViewById(R.id.tvContent);
			Button btnSingle = (Button) view.findViewById(R.id.btnSingle);

			tvTitle.setText(dialog.title);
			tvContent.setText(dialog.content);
			btnSingle.setText(dialog.btnText);

			btnSingle.setOnTouchListener(new OnTouchListener() {

				@Override
				public boolean onTouch(View v, MotionEvent event) {
					if (v.getId() == R.id.btnSingle
							&& MotionEvent.ACTION_UP == event.getAction()) {
						dialog.btnSingleOnClickListener.onClick(v);
						dialog.dismiss();
					}
					return false;
				}
			});

			return view;
		}

	}

}

/**
 * 
 */
package com.example.qq.overall.interfaces;

import android.view.View;

/**
 * Description: 自定义对话框中的接口
 * 
 * @author danDingCongRong
 * @Version 1.0.0
 * @Created at 2014-7-17 08:50:40
 * @Modified by [作者] on [修改日期]
 */
public interface CustomDialogInterface {

	public static interface OnClickListenter {

		public void onClick(View v);
	}

}

4.测试代码

public void singleButtonDialog(View view) {
		ConfirmDialog.Builder builder = new ConfirmDialog.Builder(context);
		builder.setTitle("SD卡不可用");
		builder.setContent("SD卡不可用，传文件、图片相关等部分功能将不能正常使用！");
		builder.setSingleButton("确定",
				new CustomDialogInterface.OnClickListenter() {

					@Override
					public void onClick(View v) {
						Toast.makeText(context, "成功了！！！！！", Toast.LENGTH_LONG)
								.show();
					}
				});

		ConfirmDialog dialog = builder.create();
		dialog.show();
	}

5.其他相关资源文件

<!-- 自定义的对话框 -->
    <dimen name="dialogBase_title_textSize">20sp</dimen>
    <dimen name="dialogBase_content_textSize">16sp</dimen>
    <dimen name="dialogBase_button_textSize">16sp</dimen>
    <dimen name="dialogBase_width">310.0dp</dimen>
    <dimen name="dialogBase_title_marginTop">15.0dp</dimen>
    <dimen name="dialogBase_body_paddingLeft">15.0dp</dimen>
    <dimen name="dialogBase_body_paddingRight">15.0dp</dimen>
    <dimen name="dialogBase_body_marginTop">10.0dp</dimen>
    <dimen name="dialogBase_body_marginBottom">10.0dp</dimen>
    <dimen name="dialogBase_body_marginLeft">15.0dp</dimen>
    <dimen name="dialogBase_body_marginRight">15.0dp</dimen>
    <dimen name="dialogBase_body_max_height">420.0dp</dimen>
    <dimen name="dialogBase_btnHeight">44.0dp</dimen>
    <dimen name="dialogBase_divider_width">1.0px</dimen>

<!-- 自定义对话框  CustomDialog -->
    <color name="transparent">#00000000</color>
    <color name="dialog_gray">#34000000</color>
    <color name="dialog_blue">#ff0079ff</color>

<!-- 自定义CustomDialog样式 -->
    <style name="AlertDialog" parent="@android:style/Theme.Translucent">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowContentOverlay">@null</item>
    </style>

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

    <item android:drawable="@drawable/common_alert_btn_pressed" android:state_pressed="true"/>
    <item android:drawable="@color/transparent"/>

</selector>