Android弹出窗口的实现（PopupWindow）

PopupWindow就是弹出窗口的意思，类似windows下面的开始按钮。PopupWindow可以实现浮层效果，而且可以自定义显示位置，出现和退出时的动画.今天写了一个效果，希望可以帮助到大家.

下面我们来看看效果图吧：



1.因为我的项目里的主函数的代码太多啦，就不写出来了，首先我们来要监听事件里面的方法：

<span style="font-size:18px;">                        showWindow(v);//调用弹框</span>

2.方法里面的逻辑：

<span style="font-size:18px;">//PopupWindow方法
private void showWindow(View parent) {

if (popupWindow == null) {
LayoutInflater layoutInflater = (LayoutInflater) getSystemService(HomeActivity.LAYOUT_INFLATER_SERVICE);

view = layoutInflater.inflate(R.layout.group_list, null);
tv_group = (TextView) view.findViewById(R.id.tv_group);//分组按钮

lv_group = (ListView) view.findViewById(R.id.lvGroup);
// 加载数据
groups = new ArrayList<String>();
groups.add("全部");
groups.add("我的微博");
groups.add("好友");
groups.add("亲人");
groups.add("同学");
groups.add("朋友");
groups.add("陌生人");
groups.add("陌生人2");
groups.add("陌生人3");
groups.add("陌生人4");
groups.add("陌生人5");
groups.add("陌生人6");

GroupAdapter groupAdapter = new GroupAdapter(this, groups);
lv_group.setAdapter(groupAdapter);
// 创建一个PopuWidow对象
popupWindow = new PopupWindow(view, 300, 500);

}

// 使其聚集
popupWindow.setFocusable(true);
// 设置允许在外点击消失
popupWindow.setOutsideTouchable(true);
popupWindow.showAsDropDown(title_tv);//设置在某个控件的下面
// 这个是为了点击“返回Back”也能使其消失，并且并不会影响你的背景
popupWindow.setBackgroundDrawable(new BitmapDrawable());
WindowManager windowManager = (WindowManager) getSystemService(HomeActivity.WINDOW_SERVICE);
// 显示的位置为:屏幕的宽度的一半-PopupWindow的高度的一半
int xPos = windowManager.getDefaultDisplay().getWidth() / 2
- popupWindow.getWidth() / 2;

popupWindow.showAsDropDown(parent, xPos, 0);

tv_group.setOnClickListener(new OnClickListener() {//分组监听

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
Toast.makeText(HomeActivity.this, "分组还未开发", Toast.LENGTH_LONG).show();
if (popupWindow != null) {
popupWindow.dismiss();
}
}
});

lv_group.setOnItemClickListener(new OnItemClickListener() {

@Override
public void onItemClick(AdapterView<?> adapterView, View view,
int position, long id) {

Toast.makeText(HomeActivity.this,
groups.get(position), 1000)
.show();

if (popupWindow != null) {
popupWindow.dismiss();
}
}
});
}  </span>

3.方法和逻辑都看完了，我们来看看弹框的布局文件吧：group_list.xml

<span style="font-size:18px;"><?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="fill_parent"
android:background="@drawable/linearlayout_blue_beijing"
android:orientation="vertical" >

<!--
<ImageView
android:id="@+id/iv_group_list_bg_divider"
android:layout_width="fill_parent"
android:layout_height="20dp"
android:background="@drawable/shang"
/>
-->

<ListView
android:id="@+id/lvGroup"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:dividerHeight="1dp"
android:layout_weight="9"
android:divider="#c0c0c0" />

<TextView android:layout_width="match_parent"
android:layout_height="60dp"
android:id="@+id/tv_group"
android:text="KING分组"
android:textColor="#000000"
android:textSize="18dp"
android:gravity="center"
android:layout_weight="1"/>

</LinearLayout></span>

4.适配器的代码是这样的：GroupAdapter.class

<span style="font-size:18px;">import java.util.List;

import com.huihai.home2school.android.depends.main.R;

import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

/**
* PopupWindow的适配器
* @author Administrator
*
*/
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;

}

@Override
public int getCount() {
return list.size();
}

@Override
public Object getItem(int position) {

return list.get(position);
}

@Override
public long getItemId(int position) {
return position;
}

@Override
public View getView(int position, View convertView, ViewGroup viewGroup) {

ViewHolder holder;
if (convertView==null) {
convertView=LayoutInflater.from(context).inflate(R.layout.group_item_view, null);
holder=new ViewHolder();

convertView.setTag(holder);

holder.groupItem=(TextView) convertView.findViewById(R.id.groupItem);

}
else{
holder=(ViewHolder) convertView.getTag();
}
holder.groupItem.setTextColor(Color.BLACK);
holder.groupItem.setText(list.get(position));

return convertView;
}

static class ViewHolder {
TextView groupItem;
}

}
</span>

5.适配器的布局文件：group_item_view.xml

<span style="font-size:18px;"><?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="50dp"
android:orientation="vertical" >

<TextView
android:id="@+id/groupItem"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:text="KING"
android:textColor="#000000"
android:textSize="18dp" />

</LinearLayout></span>

6.这个是我写在drawable里的倒圆角背景和颜色：linearlayout_blue_beijing.xml

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#0099cc" />
<stroke
android:width="0.01dp"
android:color="#0099cc" />
<corners android:topLeftRadius="10dp"
android:topRightRadius="10dp"
android:bottomRightRadius="10dp"
android:bottomLeftRadius="10dp"/>
</shape></span>

好了，到这里就完成，有空试试吧