android自定义PopupWindow组件

android自定义PopupWindow组件

      在移动开发过程中，有时我们需要设置一个弹出框做为菜单，如微信中弹出框。为了达到这个效果，可以自定义PopupWindow组件来完成，笔者简单自定义了这个
组件。

    先来看看效果图：

 

 

      下面是代码部分：

      activity_main.xml 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/fragmentsyllabus_mainlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/fragmentsyllabus_Topmain"
        android:layout_width="fill_parent"
        android:layout_height="45dip"
        android:background="@drawable/mmtitle_bg_alpha"
        android:orientation="horizontal" >

        <LinearLayout
            android:layout_width="100dp"
            android:layout_height="45dp"
            
            android:layout_weight="1"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/mainTop_SettingIR"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:layout_gravity="right|center_vertical"
                android:layout_marginRight="30dp"
                android:clickable="true"
                android:src="@drawable/mainmenu_selector" />
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

example_popup.xml

<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:background="@drawable/title_function_bg"
    android:orientation="vertical" >  
  
    <ListView  
        android:id="@+id/title_list"  
        android:layout_width="160dp"  
        android:layout_height="fill_parent"  
        android:cacheColorHint="#123456"  
        android:divider="@drawable/mm_title_functionframe_line"  
        android:listSelector="@drawable/title_list_selector"  
        android:padding="3dp"  
        android:scrollingCache="false" />  
  
</LinearLayout>  

自定义PopWindow

package com.example.popupwindowtest;

import java.util.ArrayList;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Rect;
import android.graphics.drawable.ColorDrawable;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;

@SuppressLint("InflateParams")
public class ExamplePopupWindow extends PopupWindow{

	private Context context;
	
	//屏幕的宽、高
	@SuppressWarnings("unused")
	private int screenWidth,screenHeight;
	//弹出框的位置
	private final int[] location = new int[2];
	//定义矩形
	private Rect rect = new Rect();
	
	private ListView listView;
	
	private int popupGravity = Gravity.NO_GRAVITY;
	
	private OnItemOnClickListener itemOnClickListener;
	
	//选项集合
	private ArrayList<ActionItem> actionItems = new ArrayList<ActionItem>();
	private boolean isDirty = false;
	
	//用于设置选中或取消
	private ImageView choice;
	
	public void setImageCon(ImageView choice){
		this.choice = choice;
	}
	
	public ExamplePopupWindow(Context context,int width,int height){
		this.context = context;
		//设置弹出窗体的宽
		this.setWidth(width);
		//设置弹出窗体的高
		this.setHeight(height);
		//设置窗体可击点
		this.setFocusable(true);
		this.setTouchable(true);
		this.setOutsideTouchable(true);
		//点back键和其他地方使其消失,设置了这个才能触发OnDismisslistener ，设置其他控件变化等操作
		this.setBackgroundDrawable(new ColorDrawable());
		screenWidth = Util.getScreenWidth(context);
		screenHeight = Util.getScreenHeight(context);
		//添加窗体的控件
		this.setContentView(LayoutInflater.from(context).inflate(R.layout.example_popup, null));
		
		initUI();
		
		//当窗体消失时回调该接口
		this.setOnDismissListener(new OnDismissListener() {

	        @Override
		    public void onDismiss() {
				// TODO Auto-generated method stub
				choice.setSelected(false);
			}
		});
	}
	
	private void initUI(){
		listView = (ListView)this.getContentView().findViewById(R.id.title_list);
		listView.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
					long arg3) {
				// TODO Auto-generated method stub
				dismiss();
				//Main_Activity才能获得actionItem对象
				if (itemOnClickListener != null)
					itemOnClickListener.onItemClick(actionItems.get(arg2),arg2);
			}
		});
	}
	
	public void show(View view){
		view.getLocationOnScreen(location);
		//只是为了得到底边Y值
		rect.set(location[0], location[1], location[0] + view.getWidth(),
				location[1] + view.getHeight());
		if (isDirty) {
			populateActions();
		}
		//设置窗体的位置
		showAtLocation(view, popupGravity, screenWidth - (getWidth() / 2),
				rect.bottom);
		choice.setSelected(true);
	}
	
	private void populateActions() {
		isDirty = false;
		listView.setAdapter(new BaseAdapter() {
			
			@Override
			public View getView(int arg0, View arg1, ViewGroup arg2) {
				// TODO Auto-generated method stub
				TextView textView = null;
				if (arg1 == null) {
					textView = new TextView(context);
					textView.setTextColor(context.getResources().getColor(
							android.R.color.white));
					textView.setTextSize(14);
					// 设置文本居中
					textView.setGravity(Gravity.CENTER);
					// 设置文本域的范围
					textView.setPadding(0, 10, 0, 10);
					// 设置文本在一行内显示（不换行）
					textView.setSingleLine(true);
				} else {
					textView = (TextView) arg1;
				}

				ActionItem item = actionItems.get(arg0);

				// 设置文本文字
				textView.setText(item.mTitle);
				// 设置文字与图标的间隔
				textView.setCompoundDrawablePadding(10);
				// 设置在文字的左边放一个图标

				textView.setCompoundDrawablesWithIntrinsicBounds(
						item.mDrawable, null, null, null);
				// ///
				// 注意这段代码一定要写到上面那行代码的下面 要不然 就没有效果

				return textView;
			}
			
			@Override
			public long getItemId(int arg0) {
				// TODO Auto-generated method stub
				return arg0;
			}
			
			@Override
			public Object getItem(int arg0) {
				// TODO Auto-generated method stub
				return actionItems.get(arg0);
			}
			
			@Override
			public int getCount() {
				// TODO Auto-generated method stub
				return actionItems.size();
			}
		});
	}
	
	public void addAction(ActionItem action) {
		if (action != null) {
			actionItems.add(action);
			isDirty = true;
		}
	}
	
	public void cleanAction() {
		if (actionItems.isEmpty()) {
			actionItems.clear();
			isDirty = true;
		}
	}
	
	public ActionItem getAction(int position) {
		if (position < 0 || position > actionItems.size())
			return null;
		return actionItems.get(position);
	}
	
	public void setItemOnClickListener(
			OnItemOnClickListener onItemOnClickListener) {
		this.itemOnClickListener = onItemOnClickListener;
	}
	
	public static interface OnItemOnClickListener{
		public void onItemClick(ActionItem item, int position);
	}
}

ActionItem类

package com.example.popupwindowtest;

import android.content.Context;
import android.graphics.drawable.Drawable;

public class ActionItem {
	// 定义图片对象
	public Drawable mDrawable;
	// 定义文本对象
	public CharSequence mTitle;

	public ActionItem(Drawable drawable, CharSequence title) {
		this.mDrawable = drawable;
		this.mTitle = title;
	}

	public ActionItem(Context context, int titleId, int drawableId) {
		this.mTitle = context.getResources().getText(titleId);
		this.mDrawable = context.getResources().getDrawable(drawableId);
	}

	public ActionItem(Context context, CharSequence title, int drawableId) {
		this.mTitle = title;
		this.mDrawable = context.getResources().getDrawable(drawableId);

	}
}

Util类

package com.example.popupwindowtest;

import android.content.Context;  

public class Util {  
    /** 
     * 得到设备屏幕的宽度 
     */  
    public static int getScreenWidth(Context context) {  
        return context.getResources().getDisplayMetrics().widthPixels;  
    }  
  
    /** 
     * 得到设备屏幕的高度 
     */  
    public static int getScreenHeight(Context context) {  
        return context.getResources().getDisplayMetrics().heightPixels;  
    }  
  
    /** 
     * 得到设备的密度 
     */  
    public static float getScreenDensity(Context context) {  
        return context.getResources().getDisplayMetrics().density;  
    }  
  
    /** 
     * 把密度转换为像素 
     */  
    public static int dip2px(Context context, float px) {  
        final float scale = getScreenDensity(context);  
        return (int) (px * scale + 0.5);  
    }  
}  

MainActivity类

package com.example.popupwindowtest;

import com.example.popupwindowtest.ExamplePopupWindow.OnItemOnClickListener;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity{

	private ExamplePopupWindow examplePopupWindow;
	private ImageView imageView;
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		examplePopupWindow = new ExamplePopupWindow(getApplicationContext(),LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
		examplePopupWindow.addAction(new ActionItem(getApplicationContext(), "选项1", R.drawable.capture_topmenu));
		examplePopupWindow.addAction(new ActionItem(getApplicationContext(), "选项2", R.drawable.capture_topmenu));
		examplePopupWindow.addAction(new ActionItem(getApplicationContext(), "选项3", R.drawable.capture_topmenu));
		examplePopupWindow.setItemOnClickListener(new OnItemOnClickListener(){

			@Override
			public void onItemClick(ActionItem item, int position) {
				// TODO Auto-generated method stub
				switch (position) {
				case 0:	
					System.out.println(item.mTitle);
					break;
				case 1:
					System.out.println(item.mTitle);
					break;
				case 3:
					System.out.println(item.mTitle);
					break;
				}
			}
			
		});
		imageView = (ImageView)this.findViewById(R.id.mainTop_SettingIR);
		imageView.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				examplePopupWindow.setImageCon(imageView);
				examplePopupWindow.show(arg0);
			}
		});
	}

}

源码下载地址：http://download.csdn.net/detail/hardor/9105109