您的位置:首页 > 运维架构

PopupWindow中显示ListView时自适配窗口大小

2014-11-11 17:21 369 查看
======原文地址:blog.csdn.net/zgyulongfei ======

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

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

[java] view
plaincopy

popupWindow.setWidth(LayoutParams.WRAP_CONTENT);

popupWindow.setHeight(LayoutParams.WRAP_CONTENT);

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

首先贴出的是main.xml

[html] view
plaincopy

<?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

[html] view
plaincopy

<?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

[html] view
plaincopy

<?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

[java] view
plaincopy

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添加一项:

[html] view
plaincopy

<?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>

先看显示结果再做解释:



看到了吗?很神奇吧,popupwindow的宽度进行了自适配。

因为我在xml中加了一个TextView,然后设置了高度为0,这样他就看不到了。

最重要的步骤是我在TextView中设置了android:text="钓鱼岛是中国的",这一句是关键性的动作。

因为TextView才是自适配的砝码,要在text中写上你的listView中最长的那个字符。上述demo中,所有显示的文字{中国,加油,钓鱼岛是中国的,!!!}中”钓鱼岛是中国的“是最长的。

虽然方法不太好,但是实现了效果。如果你遇到这样的问题,可以试试这种方式。

希望本文能够帮到有需要的朋友!

点击下载本文Demo。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: