什么都不多说,看图先:
点击文本框,弹出最下面的PopupWindow。
很简单的啦,不解释。源码:
用法:
布局文件popwindow.xml:
styles.xml中定义的动画:
2个动画:
anim_in_bottom.xml,anim_out_bottom.xml
simple_grid_item_1_red.xml:
bg_checkbox_redball.xml:
点击文本框,弹出最下面的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>