Android:自定义Material Design风格的Dialog

Android:自定义Material Design风格的Dialog

项目需要，所以来做一个Material Design风格的选择的对话框。

界面如下所示：

先来看看布局文件：

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/dialog_rootView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#55000000"
    android:padding="32dp" >

    <RelativeLayout
        android:id="@+id/contentDialog"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:background="@drawable/dialog_background"
        android:padding="24dp" >

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="20dp"
            android:text="Title"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:textColor="#000" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/title"
            android:orientation="vertical"
            android:paddingBottom="20dp" >

            <ListView
                android:id="@+id/list_view"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:footerDividersEnabled="true" >
            </ListView>
        </LinearLayout>
    </RelativeLayout>
</RelativeLayout></span>

实现起来比较简单，我们看图就知道 ，我们需要一个title，也就是标题栏，所以布局中有一个TextView来承载标题的文本内容，下面就是一个listview，用于加载我们的每一项。

所以我们在代码中主要就是要处理后这两个控件。

自定义Dialog代码：

<span style="font-size:14px;">package com.testdialog.testmydialog;

import android.annotation.SuppressLint;
import android.content.Context;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.Window;
import android.view.View.OnTouchListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.Animation.AnimationListener;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class ItemDialog extends android.app.Dialog {

	Context context;
	View view;
	View backView;
	ListView listView;
	ArrayAdapter<String> adapter;

	String[] messages;
	String title;
	TextView titleTextView;
	
	OnItemClickListener itemClickListener;

	public ItemDialog(Context context, String title, String[] messages) {
		super(context, android.R.style.Theme_Translucent);
		this.context = context;
		this.messages = messages;
		this.title = title;
	}

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		super.onCreate(savedInstanceState);
		setContentView(R.layout.dialog);

		view = (RelativeLayout) findViewById(R.id.contentDialog);
		backView = (RelativeLayout) findViewById(R.id.dialog_rootView);
		backView.setOnTouchListener(new OnTouchListener() {

			@SuppressLint("ClickableViewAccessibility")
			public boolean onTouch(View v, MotionEvent event) {
				if (event.getX() < view.getLeft()
						|| event.getX() > view.getRight()
						|| event.getY() > view.getBottom()
						|| event.getY() < view.getTop()) {
					dismiss();
				}
				return false;
			}
		});

		this.titleTextView = (TextView) findViewById(R.id.title);
		setTitle(title);
		
		this.listView = (ListView) findViewById(R.id.list_view);
		adapter = new ArrayAdapter<String>(context, android.R.layout.simple_list_item_1, messages);
		listView.setAdapter(adapter);
		
	}
	//get title
	public String getTitle() {
		return title;
	}
	//set title
	public void setTitle(String title) {
		this.title = title;
		if(title == null)
			titleTextView.setVisibility(View.GONE);
		else{
			titleTextView.setVisibility(View.VISIBLE);
			titleTextView.setText(title);
		}
	}
	
	@Override
	public void dismiss() {
		Animation anim = AnimationUtils.loadAnimation(context,
				R.anim.dialog_main_hide_amination);
		anim.setAnimationListener(new AnimationListener() {

			public void onAnimationStart(Animation animation) {
			}

			public void onAnimationRepeat(Animation animation) {
			}

			public void onAnimationEnd(Animation animation) {
				view.post(new Runnable() {
					public void run() {
						ItemDialog.super.dismiss();
					}
				});

			}
		});
		Animation backAnim = AnimationUtils.loadAnimation(context,
				R.anim.dialog_root_hide_amin);

		view.startAnimation(anim);
		backView.startAnimation(backAnim);
	}
	
	public void setOnItemClickListener(OnItemClickListener itemClickListener){
		this.itemClickListener = itemClickListener;
		if(listView != null){
			listView.setOnItemClickListener(itemClickListener);
		}
	}
}
</span>

代码中主要是处理TextView的数据加载初始化，以及listview的数据添加，事件处理的接口。再有就是用户点击对话框外的区域就行对话框的关闭。

最后是使用方法：

<span style="font-size:14px;">package com.testdialog.testmydialog;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class MainActivity extends Activity {
	

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		findViewById(R.id.button1).setOnClickListener(new OnClickListener() {
			
			public void onClick(View v) {
				showItemDialog();
			}
		});
	}
	
	private void showItemDialog(){
		String[] messages = {"百度地图","卫星地图","热力地图"};
		ItemDialog dialog = new ItemDialog(this, "请选择地图类型", messages);
		dialog.show();
		dialog.setOnItemClickListener(new OnItemClickListener() {

			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				Toast.makeText(MainActivity.this, "王灿"+position, Toast.LENGTH_SHORT).show();
			}
		});
	}
}</span>

最后，附上完整源码：

http://download.youkuaiyun.com/detail/cassiepython/9117091