PopupWindow选项弹窗

PopupWindow选项弹窗

一、popupwindow弹窗简介

popupwindow是一种弹窗在应用中经常使用,像超级课程表的周数选择，微博的标题栏的titlebar中的选择等等 ，如图所示。

但是和alertDialog很相似，但是还是有很大的区别的。AlterDialog是非阻塞式对话框：AlaterDialog弹出时，后台还可以做事情；而且PopuWindow是阻塞式对话框：PopupWindow弹出时，后台程序会等待，在PopupWindow退出之前一直处于等待，直到当我们调用了dismiss方法之后，PopuWindow退出了，程序才会向下执行。

二、PopupWindow的使用

    1、构造一个PopupWindow对象。 PopupWindow  pop  = new PopupWindow( view ,300, 250);

      View是加载的布局文件View  view  = layoutInflater.inflate(R.layout.grou_list, null);

     X,Y是PopupWindow弹窗的长和宽

    2、调用 sho wAsDropDown   (View anchor, int xoff, int yoff) 方法.

       View是点击弹出PopupWindow的View    x,y是设定PopupWindow弹出的位置

        也可以使用  showAtLocation   (View parent, int gravity, int x, int y)方法设置弹出的位置。

    3、Dismiss（）方法设置PopupWindow的消失。

    4、还有几个常用的设置方法。

       setFocusable( true )设置使PopupWindow聚焦

       setOutsideTouchable ( true )设置允许点击外部的地方消失

       setBackgroundDrawable( new   BitmapDrawable() )设置点击返回键也能使其消失。

三、例子实现

MainActivity.java

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73

public  class  MainActivity  extends  Activity {      private  TextView tv_pop;      private  ListView group_list;      private  TextView tv_group_item;      private  View view;      private  PopupWindow pop;      private  List<String> list;        protected  void  onCreate(Bundle savedInstanceState) {          super .onCreate(savedInstanceState);          requestWindowFeature(Window.FEATURE_CUSTOM_TITLE);          setContentView(R.layout.activity_main);          getWindow().setFeatureInt(Window.FEATURE_CUSTOM_TITLE, R.layout.title);            tv_pop = (TextView) findViewById(R.id.tv_pop);          tv_group_item = (TextView) findViewById(R.id.tv_group_item);          tv_pop.setText( "学期" );          tv_pop.setOnClickListener( new  View.OnClickListener() {                public  void  onClick(View v) {                  showWindow(v);              }          });      }        protected  void  showWindow(View v) {          if  (pop ==  null ) {                            LayoutInflater layoutInflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);              //将listView的布局文件加载到View中              view = layoutInflater.inflate(R.layout.grou_list,  null );              group_list=(ListView) view.findViewById(R.id.group_list);              //List数组              list =  new  ArrayList<String>();              list.add( "2012-2013学年第1学期" );              list.add( "2012-2013学年第2学期" );              list.add( "2013-2014学年第1学期" );              list.add( "2013-2014学年第2学期" );              GroupAdapter groupAdapter =  new  GroupAdapter( this , list);              group_list.setAdapter(groupAdapter);              //              pop =  new  PopupWindow(view, 300 ,  250 );          }          // 使其得到聚焦          pop.setFocusable( true );          // 设置允许点击外部的地方消失          pop.setOutsideTouchable( true );          // 设置点击返回键也能使其消失，并且不会影响你的背景          pop.setBackgroundDrawable( new  BitmapDrawable());          //获取屏幕的宽度，计算弹窗弹出位置的x坐标          WindowManager windowManager = (WindowManager) getSystemService(Context.WINDOW_SERVICE);          int  xPos = windowManager.getDefaultDisplay().getWidth() /  2                  - pop.getWidth() /  2 ;          //设置弹窗弹出的位置          pop.showAsDropDown(v, - 100 , 0 ); //      pop.showAtLocation(v, Gravity.TOP, 0,45);                    //设置List点击后的点击事件          group_list.setOnItemClickListener( new  OnItemClickListener() {              public  void  onItemClick(AdapterView<?> adapterView, View viewe,                      int  position,  long  id) {                  Toast.makeText(MainActivity. this , list.get(position),                          Toast.LENGTH_SHORT).show();                  if  (pop !=  null ) {                      pop.dismiss();                    }              }          });        }   }

GroupAdapter:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43

public  class  GroupAdapter  extends  BaseAdapter {      private  Context context;      private  List<String> list;        public  GroupAdapter(Context context, List<String> list) {          this .context = context;          this .list = list;        }        public  int  getCount() {          return  list.size();      }        public  Object getItem( int  position) {          return  list.get(position);      }        public  long  getItemId( int  position) {          return  position;      }        public  View getView( int  position, View convertView, ViewGroup parent) {          ViewHolder holder;          if  (convertView ==  null ) {              convertView = LayoutInflater.from(context).inflate(                      R.layout.group_item,  null );              holder =  new  ViewHolder();              convertView.setTag(holder);              holder.groupItem = (TextView) convertView                      .findViewById(R.id.tv_group_item);            }  else  {              holder = (ViewHolder) convertView.getTag();          }          holder.groupItem.setText(list.get(position));          return  convertView;      }        static  class  ViewHolder {          TextView groupItem;      } }

activity_main.xml

1 2 3 4 5 6 7 8 9 10 11 12 13

< LinearLayout  xmlns:android = "http://schemas.android.com/apk/res/android"      android:layout_width = "match_parent"      android:layout_height = "500dp"      android:background = "#D2D2D5"      android:orientation = "vertical"  >        < Button          android:id = "@+id/bb"          android:layout_width = "fill_parent"          android:layout_height = "wrap_content"          android:text = "button"  />   </ LinearLayout >

title.xml

自定义标题栏的标题栏的布局文件

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

< RelativeLayout  xmlns:android = "http://schemas.android.com/apk/res/android"      android:layout_width = "fill_parent"      android:layout_height = "fill_parent"      android:background = "#E1E6F6"  >        < TextView          android:id = "@+id/tv_pop"          android:layout_width = "wrap_content"          android:layout_height = "45dip"          android:layout_alignParentTop = "true"          android:layout_centerHorizontal = "true"          android:gravity = "center"          android:text = "学期"          android:textSize = "23dp"  />        < ImageView          android:layout_width = "wrap_content"          android:layout_height = "44dip"          android:src = "@drawable/title_right"  />        < ImageView          android:layout_width = "wrap_content"          android:layout_height = "fill_parent"          android:layout_alignParentRight = "true"          android:layout_alignParentTop = "true"          android:src = "@drawable/title_left"  />   </ RelativeLayout >

group_list.xml

弹窗中的listview的布局文件

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

<? xml  version = "1.0"  encoding = "utf-8" ?> < LinearLayout  xmlns:android = "http://schemas.android.com/apk/res/android"      android:layout_width = "match_parent"      android:layout_height = "match_parent"      android:orientation = "vertical"      android:paddingLeft = "0.0sp"      android:paddingRight = "0.0sp"      android:layout_margin = "0.0px"      android:background = "@drawable/group_bg"       >      < ListView          android:id = "@+id/group_list"          android:layout_width = "fill_parent"          android:layout_height = "fill_parent"          android:drawSelectorOnTop = "true"          android:cacheColorHint = "#00000000"          android:dividerHeight = "2.0px"          ></ ListView >   </ LinearLayout >

group_item.xml

设置弹窗中ListView中加载的控件textview

1 2 3 4 5 6 7 8 9 10 11 12 13 14

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

效果图：