什么都不多说,看图先:
点击文本框,弹出最下面的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>
- 大小: 295.9 KB
- 大小: 2.2 KB
- 大小: 2 KB
- 查看图片附件