PopupWindow的使用以及ArrayAdatper.notifyDataSetChanged()无效详解

Android的对话框有两种:PopupWindow和AlertDialog。它们的不同点在于:
AlertDialog的位置固定,而PopupWindow的位置可以随意

AlertDialog是非阻塞线程的,而PopupWindow是阻塞线程的

PopupWindow的位置按照有无偏移分,可以分为偏移和无偏移两种;按照参照物的不同,可以分为相对于某个控件(Anchor锚)和相对于父控件。具体如下
showAsDropDown(View anchor):相对某个控件的位置(正左下方),无偏移
showAsDropDown(View anchor, int xoff, int yoff):相对某个控件的位置,有偏移
showAtLocation(View parent, int gravity, int x, int y):相对于父控件的位置(例如正中央Gravity.CENTER,下方Gravity.BOTTOM等),可以设置偏移或无偏移

项目目录结构和效果图

PopupWindow的使用以及ArrayAdatper.notifyDataSetChanged()无效详解_第1张图片PopupWindow的使用以及ArrayAdatper.notifyDataSetChanged()无效详解_第2张图片


1.PopupWindow的布局,里面只有一个ListView

[html] view plain copy
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:layout_width="wrap_content"  
  4.     android:layout_height="wrap_content">  
  5.   
  6.     <ListView  
  7.         android:id="@+id/popupwindow"  
  8.         android:background="@drawable/mm_title_functionframe"  
  9.         android:layout_width="fill_parent"  
  10.         android:layout_height="wrap_content"  
  11.         android:divider="@drawable/mm_title_functionframe_line"  
  12.         android:listSelector="@drawable/mm_title_functionframe_pressed"  
  13.         android:cacheColorHint="@android:color/transparent">  
  14.     </ListView>  
  15. </RelativeLayout>  
2.PopupWindow item的布局,为了简单起里面只有一个TextView
[html] view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="wrap_content"  
  5.     android:padding="8.0dip" >  
  6.   
  7.     <TextView  
  8.         android:id="@+id/popup_item"  
  9.         android:layout_width="wrap_content"  
  10.         android:layout_height="wrap_content"  
  11.         android:textStyle="bold"  
  12.         android:singleLine="true"  
  13.         android:ellipsize="end"  
  14.         android:textColor="#ffffffff"/>  
  15.   
  16. </RelativeLayout>  
3.写一个PopupWindow的派生类,这里我直接贴代码,注释还是比较详细,只有用了一个回调接口,不明白回调函数的看这里 http://blog.csdn.net/xiaanming/article/details/8703708
[java] view plain copy
  1. package com.example.popupwindow;  
  2.   
  3. import java.util.ArrayList;  
  4. import java.util.List;  
  5.   
  6. import android.content.Context;  
  7. import android.graphics.drawable.BitmapDrawable;  
  8. import android.view.LayoutInflater;  
  9. import android.view.View;  
  10. import android.view.ViewGroup.LayoutParams;  
  11. import android.widget.AdapterView;  
  12. import android.widget.AdapterView.OnItemClickListener;  
  13. import android.widget.ArrayAdapter;  
  14. import android.widget.ListView;  
  15. import android.widget.PopupWindow;  
  16.   
  17. /** 
  18.  *  
  19.  * @author xiaanming 
  20.  * 
  21.  */  
  22. public class MtitlePopupWindow extends PopupWindow {  
  23.     /** 
  24.      * 上下文对象 
  25.      */  
  26.     private Context mContext;  
  27.     /** 
  28.      * 回调接口对象 
  29.      */  
  30.     private OnPopupWindowClickListener listener;  
  31.     /** 
  32.      * ArrayAdapter对象 
  33.      */  
  34.     private ArrayAdapter adapter;  
  35.     /** 
  36.      * ListView的数据源 
  37.      */  
  38.     private List<String> list = new ArrayList<String>();  
  39.     /** 
  40.      * PopupWindow的宽度 
  41.      */  
  42.     private int width = 0;  
  43.   
  44.     public MtitlePopupWindow(Context context){  
  45.         super(context);   
  46.         mContext = context;  
  47.         initView();  
  48.     }  
  49.       
  50.     private void initView(){  
  51.         LayoutInflater inflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
  52.         View popupView = inflater.inflate(R.layout.title_popupwindow, null);  
  53.         setContentView(popupView);  
  54.           
  55.         //设置宽度,若没有设置宽度为LayoutParams.WRAP_CONTENT  
  56.         setWidth(250);    
  57.         setHeight(LayoutParams.WRAP_CONTENT);  
  58.           
  59.         //设置动画,也可以不设置。不设置则是显示默认的  
  60.         setAnimationStyle(R.style.popupwindow_animation);  
  61.           
  62.         //这里很重要,不设置这个ListView得不到相应  
  63.         this.setFocusable(true);  
  64.         this.setBackgroundDrawable(new BitmapDrawable());   
  65.         this.setOutsideTouchable(true);  
  66.               
  67.         ListView listView = (ListView) popupView.findViewById(R.id.popupwindow);  
  68.         adapter = new ArrayAdapter(mContext, R.layout.popupwindow_item, R.id.popup_item, list);  
  69.         listView.setAdapter(adapter);  
  70.           
  71.         //ListView的点击事件  
  72.         listView.setOnItemClickListener(new OnItemClickListener() {  
  73.   
  74.             @Override  
  75.             public void onItemClick(AdapterView<?> parent, View view,  
  76.                     int position, long id) {  
  77.                 MtitlePopupWindow.this.dismiss();  
  78.                 if(listener != null){  
  79.                     listener.onPopupWindowItemClick(position);  
  80.                 }  
  81.             }  
  82.         });  
  83.           
  84.     }  
  85.       
  86.     /** 
  87.      * 为PopupWindow设置回调接口 
  88.      * @param listener 
  89.      */  
  90.     public void setOnPopupWindowClickListener(OnPopupWindowClickListener listener){  
  91.         this.listener = listener;  
  92.     }  
  93.       
  94.   
  95.     /** 
  96.      * 设置数据的方法,供外部调用 
  97.      * @param mList 
  98.      */  
  99.     public void changeData(List<String> mList) {  
  100.         //这里用addAll也很重要,如果用this.list = mList,调用notifyDataSetChanged()无效  
  101.         //notifyDataSetChanged()数据源发生改变的时候调用的,this.list = mList,list并没有发生改变  
  102.         list.addAll(mList);  
  103.         adapter.notifyDataSetChanged();  
  104.     }  
  105.       
  106.       
  107.     /** 
  108.      * 回调接口.供外部调用 
  109.      * @author xiaanming 
  110.      * 
  111.      */  
  112.     public interface OnPopupWindowClickListener{  
  113.         /** 
  114.          * 当点击PopupWindow的ListView 的item的时候调用此方法,用回调方法的好处就是降低耦合性 
  115.          * @param position 位置 
  116.          */  
  117.         void onPopupWindowItemClick(int position);  
  118.     }  
  119.   
  120.   
  121. }  

上面还用到了动画,比较简单的动画,不太懂动画请到这里http://blog.csdn.net/xiaanming/article/details/8997260

popupwindow_enter

[html] view plain copy
  1. <?xml version="1.0" encoding="UTF-8"?>    
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">    
  3.     <translate     
  4.         android:fromXDelta="100%p"    
  5.         android:toXDelta="0"    
  6.         android:duration="500"/>    
  7. </set>   
popupwindow_exit
[html] view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <translate   
  4.         android:fromXDelta="0"  
  5.         android:toXDelta="100%p"  
  6.         android:duration="500"/>  
  7. </set>  
[html] view plain copy
  1. <resources>  
  2.     <style name="popupwindow_animation">  
  3.         <item name="android:windowEnterAnimation">@anim/popupwindow_enter</item>  
  4.         <item name="android:windowExitAnimation">@anim/popupwindow_exit</item>  
  5.     </style>  
  6.   
  7. </resources>  

这样子,以后我们遇到类似的popupwindow的就可以复用了,接下来我们看使用吧,使用很简单,布局里面一个Button,点击Button弹出一个PopupWindow,直接看代码吧
[java] view plain copy
  1. package com.example.popupwindow;  
  2.   
  3. import java.util.Arrays;  
  4.   
  5. import com.example.popupwindow.MtitlePopupWindow.OnPopupWindowClickListener;  
  6.   
  7. import android.app.Activity;  
  8. import android.os.Bundle;  
  9. import android.view.View;  
  10. import android.view.View.OnClickListener;  
  11. import android.widget.Button;  
  12. import android.widget.Toast;  
  13.   
  14. public class PopupActivity extends Activity {  
  15.     MtitlePopupWindow mtitlePopupWindow;  
  16.     String [] items = {"刷新列表""修改密码""系统设置""添加用户""关于"};  
  17.   
  18.     @Override  
  19.     protected void onCreate(Bundle savedInstanceState) {  
  20.         super.onCreate(savedInstanceState);  
  21.         setContentView(R.layout.main);  
  22.           
  23.         Button mButton = (Button) findViewById(R.id.button1);  
  24.         mButton.setOnClickListener(new OnClickListener() {  
  25.               
  26.             @Override  
  27.             public void onClick(View v) {  
  28.                 mtitlePopupWindow.showAsDropDown(v);  
  29.             }  
  30.         });  
  31.           
  32.         mtitlePopupWindow = new MtitlePopupWindow(this);  
  33.         mtitlePopupWindow.changeData(Arrays.asList(items));  
  34.         mtitlePopupWindow.setOnPopupWindowClickListener(new OnPopupWindowClickListener() {  
  35.               
  36.             @Override  
  37.             public void onPopupWindowItemClick(int position) {  
  38.                 //你要做的事  
  39.                 Toast.makeText(getApplication(), items[position], Toast.LENGTH_SHORT).show();  
  40.             }  
  41.         });  
  42.     }  
  43.   
  44.   
  45. }  
总体来说就是这样子,P opupWindow的使用还是挺简单的,这是小弟的一点拙见,写的不好的地方还请大神指出!

项目下载

你可能感兴趣的:(html,ListView,PopupWindow)