自定义PopupWindow1

什么都不多说，看图先：



点击文本框，弹出最下面的PopupWindow。
很简单的啦，不解释。源码：

package com.dl.view;

import android.content.Context;
import android.graphics.drawable.BitmapDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.LinearLayout.LayoutParams;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.GridView;
import android.widget.PopupWindow;
import android.widget.TextView;

import com.dl.app.R;

public class NumbersPickerPopupWindow extends PopupWindow{
	private Context context;
	private String[] balls=new String[]{"0","1","2","3","4","5","6","7","8","9"};
	private final String split=" "; 
	private Button btn_ok;
	private String selectedNumbers;
	private String[] selectedNumbersArray;
	private GridViewAdapter adapter;
	public NumbersPickerPopupWindow(Context context,View view,String title,String selectedNumbers){
		super(view, LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT, true);
		this.context=context;
		this.selectedNumbers=selectedNumbers;
		selectedNumbersArray=selectedNumbers.trim().split(split);
		this.setBackgroundDrawable(new BitmapDrawable());//必须设置background才能消失  
		this.setOutsideTouchable(false);
        
      //自定义动画  
      this.setAnimationStyle(R.style.PopupAnimation);
      //使用系统动画  
//      mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);  
      this.update();  
      this.setTouchable(true);
      this.setFocusable(false);
      
      GridView gridView=(GridView)view.findViewById(R.id.gridView);
      
      adapter=new GridViewAdapter(context,balls);
      
      gridView.setAdapter(adapter);
      
      TextView tv_tips=(TextView)view.findViewById(R.id.tv_tips);
      tv_tips.setText(title);
      
      btn_ok=(Button)view.findViewById(R.id.btn_ok);
      btn_ok.setOnClickListener(new View.OnClickListener() {
			
			public void onClick(View v) {
				// TODO Auto-generated method stub
				if(onOkClickListener!=null){
					onOkClickListener.onOkClick(v);
				}
				if(isShowing())
					dismiss();
			}
		});
      
	}
	
	public void setSelectedNumbers(String selectedNumbers){
		this.selectedNumbers=selectedNumbers;
		selectedNumbersArray=selectedNumbers.trim().split(split);
		adapter.notifyDataSetChanged();
		
	}
	
	class GridViewAdapter extends BaseAdapter{

		private Context context;
		private String[] balls;
    	public GridViewAdapter(Context context,String[] balls){
    		this.context=context;
    		this.balls=balls;
//    		num=numbers.trim().split(split);
    		
    	}
    	
		public int getCount() {
			// TODO Auto-generated method stub
			return balls.length;
		}

		public Object getItem(int position) {
			// TODO Auto-generated method stub
			return balls[position];
		}

		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return position;
		}

		public View getView(int position, View convertView, ViewGroup parent) {
			// TODO Auto-generated method stub
			if(convertView==null){
				convertView=LayoutInflater.from(context).inflate(R.layout.simple_grid_item_1_red, null);
			}
			CheckBox checkBox = (CheckBox)convertView.findViewById(R.id.checkBox);//
			checkBox.setText(balls[position]);
			if(selectedNumbersArray!=null&&selectedNumbersArray.length>0){
				for(int i=0;i<selectedNumbersArray.length;i++){
					if(selectedNumbersArray[i].equals(String.valueOf(position))){
						checkBox.setChecked(true);
					}
				}
			}
			
			checkBox.setOnCheckedChangeListener(new OnCheckedChangeListener() {
				
				public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
					// TODO Auto-generated method stub
					if(onItemCheckedListener!=null){
						onItemCheckedListener.onItemCheckedChanged(buttonView,isChecked);
					}
				}
			});
			return convertView;
		}
		
	}
	//接口
	private OnItemCheckedListener onItemCheckedListener;
	public void setOnItemCheckedListener(OnItemCheckedListener onItemCheckedListener) {
		this.onItemCheckedListener = onItemCheckedListener;
	}

	public interface OnItemCheckedListener{
		public void onItemCheckedChanged(CompoundButton buttonView, boolean isChecked);
	}
	
	private OnOkClickListener onOkClickListener;
	public void setOnOkClickListener(OnOkClickListener onOkClickListener) {
		this.onOkClickListener = onOkClickListener;
	}

	public interface OnOkClickListener{
		public void onOkClick(View v);
	}
	
}

用法：

LayoutInflater mLayoutInflater = (LayoutInflater)getSystemService(LAYOUT_INFLATER_SERVICE);  
        view = mLayoutInflater.inflate(R.layout.popwindow, null);  
        
		NumbersPickerPopupWindow p=new NumbersPickerPopupWindow(context,view,"选择需要的数字","0 3 6");
		p.setSelectedNumbers("1 4 6");//动态改变选中的值,之间用空格隔开
		p.showAtLocation(views[0], Gravity.BOTTOM, 0, 0);
//还可以定义接口
......

布局文件popwindow.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" 
    android:background="@color/bg_blue_2"
    >

   <RelativeLayout 
        android:layout_width="fill_parent"
    	android:layout_height="wrap_content"
    	android:background="@drawable/bg_title_bar"
    	android:padding="5dip"
       >
       <TextView 
        android:id="@+id/tv_tips"
        android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:text="每位至少选择一个数字"
    	android:textColor="@color/white"
    	android:layout_centerInParent="true"
        />
        <Button 
        android:id="@+id/btn_ok"
        android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:text="确定"
    	android:textColor="@color/white"
    	android:background="@drawable/bg_btn_intro"
    	android:layout_alignParentTop="true"
    	android:layout_alignParentRight="true"
        />
   </RelativeLayout>
   
  	<View 
  	    android:layout_width="fill_parent"
    	android:layout_height="1dip"
    	android:background="?android:attr/listDivider"
  	    />
  	<GridView 
  	    android:id="@+id/gridView"
  	    android:layout_width="wrap_content"
    	android:layout_height="fill_parent"
    	android:numColumns="5"
    	android:horizontalSpacing="12dip"
    	android:verticalSpacing="10dip"
    	android:paddingTop="10dip"
    	android:paddingBottom="10dip"
    	android:paddingLeft="40dip"
    	android:paddingRight="40dip"
    	android:gravity="center"
    	android:layout_gravity="center"
  	    />
</LinearLayout>

styles.xml中定义的动画：

<style name="PopupAnimation" parent="android:Animation"  mce_bogus="1" >
        <item name="android:windowEnterAnimation">@anim/anim_in_bottom</item>
        <item name="android:windowExitAnimation">@anim/anim_out_bottom</item>
    </style>

2个动画：
anim_in_bottom.xml,anim_out_bottom.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<translate 
	android:fromYDelta="100%p" 
	android:toYDelta="0" 
	android:duration="200" 
	android:fillAfter="true"
	android:interpolator="@android:anim/bounce_interpolator"
	/>
</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<translate 
	android:fromYDelta="0" 
	android:toYDelta="100%p" 
	android:duration="200"
	android:fillAfter="true"
	android:interpolator="@android:anim/bounce_interpolator"
	/>
</set>

simple_grid_item_1_red.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:gravity="center"
    >
<CheckBox
    android:id="@+id/checkBox"
  	android:layout_width="wrap_content"
  	android:layout_height="wrap_content"
  	android:textColor="@color/white"
  	android:gravity="center"
  	android:button="@null"  
    android:background="@drawable/bg_checkbox_redball"
    android:checked="false"
  	/>
    
</LinearLayout>

bg_checkbox_redball.xml：

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_checked="true" android:drawable="@drawable/red_focus" /> 
    <item android:state_checked="false" android:drawable="@drawable/red" /> 
</selector> 

评论

1 楼 antoon.nee 2012-05-17  

楼主,R.layout.simple_grid_item_1_red找不到。