Android实现新浪微博中的分组菜单对话框

 

好久又没有更新博客了，呵呵，最近在找工作。现在献上我今天刚做的一个效果Demo希望能帮助到大家。

实现效果：

 

实现思路：

分组信息其实就是一个Dialog，我们可以通过继承自Dialog来实现我们自己的需求。同时我们需要设置为当我们点击其他地方的时候Dialog能消失。

 

具体实现代码：（注释写在代码中）

package com.jiahui.view;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Dialog;
import android.content.Context;
import android.view.Gravity;
import android.view.View;
import android.view.WindowManager.LayoutParams;
import android.widget.Button;
import android.widget.ListView;
import android.widget.SimpleAdapter;

import com.jiahui.dialog.R;

/**
 * 继承自Dialog
 * 
 * @author Administrator
 * 
 */
public class MyDialog extends Dialog {

	protected MyDialog(Context context, boolean cancelable,
			OnCancelListener cancelListener) {
		super(context, cancelable, cancelListener);
		// TODO Auto-generated constructor stub
	}

	public MyDialog(Context context, int theme) {
		super(context, theme);
		// TODO Auto-generated constructor stub
	}

	public MyDialog(Context context) {

		// 使用主题
		super(context, R.style.Theme_Transparent);

		setContentView(R.layout.my_menu_dialog);

		// 设置点击这个对话框之外能消失
		setCanceledOnTouchOutside(true);
		// 设置window属性
		LayoutParams a = getWindow().getAttributes();
		a.gravity = Gravity.TOP;
		a.dimAmount = 0; // 去背景遮盖

		getWindow().setAttributes(a);

		initMenu();

	}

	private void initMenu() {

		List<String> menus = new ArrayList<String>();

		menus.add("分组一");
		menus.add("分组二");

		// 准备要添加的数据条目
		List<Map<String, Object>> items = new ArrayList<Map<String, Object>>();

		for (String str : menus) {
			Map<String, Object> map = new HashMap<String, Object>();

			map.put("group", str);
			items.add(map);
		}
		SimpleAdapter simpleAdapter = new SimpleAdapter(getContext(), items,
				R.layout.menu_item, new String[] { "group" },
				new int[] { R.id.item_text });

		ListView mylistview = (ListView) this.findViewById(R.id.mylistview);

		mylistview.setAdapter(simpleAdapter);

	}

	// 设置位置
	public void setPosition(int x, int y) {
		LayoutParams a = getWindow().getAttributes();
		if (-1 != x)
			a.x = x;
		if (-1 != y)
			a.y = y;
		System.out.println("a.x" + a.x);
		System.out.println("a.y" + a.y);
		getWindow().setAttributes(a);
	}

}

 

My_menu_dialog.xml文件中的代码：

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/layout_root"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content" >

 

    <ListView

        android:id="@+id/mylistview"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:gravity="center" >

    </ListView>

 

    <Button

        android:id="@+id/close_menu"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="close"

        android:visibility="gone" />

 

</RelativeLayout>

 

Theme.xml文件

<?xml version="1.0" encoding="utf-8"?>

<resources>

    <style name="Theme.Transparent" parent="android:Theme">

        <item name="android:windowBackground">@drawable/dialog_box_2</item>

        <item name="android:windowIsTranslucent">false</item>

        <item name="android:windowContentOverlay">@null</item>

        <item name="android:windowNoTitle">true</item>

        <item name="android:windowIsFloating">true</item>

        <item name="android:backgroundDimEnabled">false</item>

    </style>

</resources>

 

 

测试的Activity代码

package com.jiahui.dialog;

import android.app.Activity;
import android.graphics.Rect;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;

import com.jiahui.view.MyDialog;

public class MyDialogActivity extends Activity {

	private MyDialog myDialog;

	private Button btngroup;

	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		//设置无标题 
		requestWindowFeature(getWindow().FEATURE_NO_TITLE);
		setContentView(R.layout.main);

		btngroup = (Button) this.findViewById(R.id.btngroup);

		btngroup.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				if (null == myDialog) {
					myDialog = new MyDialog(MyDialogActivity.this);

	
					//如果没有设置无标题的话，这里还要加上标题栏的高度才行，至于如何获取标题栏的高度的话由读者自行解决
					int top = btngroup.getTop();//是获取如果设置了的margin_top
					int height = btngroup.getHeight();
					int y= top + height;
					
					System.out.println("y:"+y);
					// 设置显示的位置
					myDialog.setPosition(-1, y);

				}
				if (myDialog.isShowing()) {
					myDialog.dismiss();
				} else {
					myDialog.show();
				}

			}
		});
	}
}

 继续我的博客风格。分享为快乐之本，有图有真相！

提供源代码下载：

http://download.csdn.net/detail/jiahui524/4071659

如需转载引用请注明出处：http://blog.csdn.net/jiahui524

欢迎大家多多交流。让菜鸟一起成长！

 

PS：另一种实现方式是用PopupWindow实现   http://blog.csdn.net/jiahui524/article/details/7298690