popupwindow和listview

xiangzhihong

发布于 2018-01-30 14:34:53

1.6K0

发布于 2018-01-30 14:34:53

文章被收录于专栏：向治洪向治洪

在使用PopupWindow的时候，有一个不好的地方就是不太好设置弹出窗体的大小。如果指定绝对大小，那么对于不同分辨率不同尺寸的手机来说，显示出来效果会不同，从而导致用户体验不佳。

为了达到PopupWindow能够自适配布局大小，可以在设置长宽时候指定：

 popupWindow.setWidth(LayoutParams.WRAP_CONTENT);    
 popupWindow.setHeight(LayoutParams.WRAP_CONTENT);

下面我就来具体讲解一下在PopupWindow中使用ListView的方法。

首先贴出的是main.xml

 <?xml version="1.0" encoding="utf-8"?> 
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:orientation="vertical" android:layout_width="fill_parent" 
  android:layout_height="fill_parent"> 
  
  <Button android:id="@+id/button" 
  android:layout_width="match_parent" 
  android:layout_height="wrap_content" 
  android:text="弹出popupWindow" /> 
  
 </LinearLayout>

然后贴出的是PopupWindow中显示的listview_demo.xml

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

再贴出的是listview显示的每一项item.xml

 <?xml version="1.0" encoding="utf-8"?> 
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:orientation="vertical" android:layout_width="match_parent" 
  android:layout_height="match_parent"> 
  
  <TextView android:id="@+id/item" 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:textSize="18sp" /> 
  
 </LinearLayout>

最后贴出的是java代码PopupWindowDemoActivity.java

 package xmu.zgy;  
  
 import java.util.ArrayList;  
 import java.util.HashMap;  
 import java.util.List;  
 import java.util.Map;  
  
 import android.app.Activity;  
 import android.os.Bundle;  
 import android.view.LayoutInflater;  
 import android.view.View;  
 import android.view.View.OnClickListener;  
 import android.view.ViewGroup.LayoutParams;  
 import android.widget.Button;  
 import android.widget.ListView;  
 import android.widget.PopupWindow;  
 import android.widget.SimpleAdapter;  
  
 /** 
  *  
  * @author yulongfei 
  * @blog blog.csdn.net/zgyulongfei 
  * 
  */ 
 public class PopupWindowDemoActivity extends Activity {  
  
  private Button button;  
  private PopupWindow popupWindow;  
  private ListView listView;  
  
  @Override 
  public void onCreate(Bundle savedInstanceState) {  
  super.onCreate(savedInstanceState);  
         setContentView(R.layout.main);  
  
         initControls();  
     }  
  
  private void initControls() {  
         LayoutInflater inflater = LayoutInflater.from(this);  
         View view = inflater.inflate(R.layout.listview_demo, null);  
  
         SimpleAdapter adapter = new SimpleAdapter(this, getData(),   
                 R.layout.item,  
  new String[] { "text" },  
  new int[] { R.id.item });  
         listView = (ListView) view.findViewById(R.id.listview);  
         listView.setAdapter(adapter);  
  
  //自适配长、框设置 
         popupWindow = new PopupWindow(view, LayoutParams.WRAP_CONTENT,  
                 LayoutParams.WRAP_CONTENT);  
         popupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.bg));  
         popupWindow.setOutsideTouchable(true);  
         popupWindow.setAnimationStyle(android.R.style.Animation_Dialog);  
         popupWindow.update();  
         popupWindow.setTouchable(true);  
         popupWindow.setFocusable(true);  
  
         button = (Button) findViewById(R.id.button);  
         button.setOnClickListener(new OnClickListener() {  
  @Override 
  public void onClick(View v) {  
  if (!popupWindow.isShowing()) {  
                     popupWindow.showAsDropDown(button, 0, 0);  
                 }  
             }  
         });  
     }  
  
  private List<Map<String, String>> getData() {  
         List<Map<String, String>> list = new ArrayList<Map<String, String>>();  
  
         Map<String, String> map = new HashMap<String, String>();  
         map.put("text", "中国");  
         list.add(map);  
  
         map = new HashMap<String, String>();  
         map.put("text", "加油");  
         list.add(map);  
  
         map = new HashMap<String, String>();  
         map.put("text", "钓鱼岛是中国的");  
         list.add(map);  
  
         map = new HashMap<String, String>();  
         map.put("text", "！！");  
         list.add(map);  
  return list;  
     }  
  
 }

运行结果图如下所示：

咦？不是已经设置自适应长和宽了吗？为什么显示出来的效果还是占满屏幕的宽度呢？

可以看看stackoverflow上面这个人问的问题，这个问题想必纠结了挺多人。虽然我不知道具体的原因是什么，但是我有个解决的方案，我也同时在stackoverflow上做了解答，下面我具体来说明一下。

为了让PopupWindow能够自适应ListView的内容，需要在listview_demo.xml添加一项：

 <?xml version="1.0" encoding="utf-8"?> 
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:orientation="vertical" android:layout_width="match_parent" 
  android:layout_height="match_parent"> 
  
  <ListView android:id="@+id/listview" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" /> 
  
  <TextView android:layout_width="wrap_content" 
  android:layout_height="0dp" 
  android:textSize="18sp" 
  android:text="钓鱼岛是中国的" /> 
 </LinearLayout>

先看显示结果再做解释：