Android用PopupWindow實現新浪微博的分組信息

 

 

在上一篇文章（http://blog.csdn.net/jiahui524/article/details/7269738）中我曾經用重寫Dialog的方法來實現過對於分組信息的一些實現。後來在我的文章下面的評論中有人告訴我可以用PopupWindow來實現分組。並且新浪微博用的就是這種方法。非常感謝網友songfantasy的提醒。於是乎，今天特再寫上一篇文章的續集，希望能幫到大家一些。

廢話不多說！看效果，繼續我的風格，先上圖，再上代碼，最終上源代碼！

最終實現效果：

 

實現思路：

在一個PopupWindow裏放一個ListView，從而來達到分組信息的實現！

具體主要實現代碼：

group_list.xml:

<?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:layout_margin="0.0px"
    android:background="@drawable/group_bg"
    android:orientation="vertical"
    android:paddingLeft="0.0sp"
    android:paddingRight="0.0sp" >

    <TextView
        android:id="@+id/groupAll"
        style="@style/grouplist_item_textview"
        android:layout_width="fill_parent"
        android:layout_height="@dimen/group_item_height"
        android:background="@drawable/grouplist_fixed_item_bg"
        android:gravity="center"
        android:text="全部" />

    <ImageView
        android:id="@+id/iv_group_list_bg_divider"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_margin="0.0px"
        android:background="@drawable/group_divider"
        android:padding="0.0px" />

    <ListView
        android:id="@+id/lvGroup"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="0.0"
        android:cacheColorHint="#00000000"
        android:divider="@drawable/group_divider"
        android:dividerHeight="2.0px"
        android:drawSelectorOnTop="true"
        android:fadingEdgeLength="0.0sp"
        android:listSelector="@drawable/grouplist_item_bg" />

</LinearLayout>

group_item_view.xml:

<?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="@dimen/group_item_height"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/groupItem"
        style="@style/grouplist_item_textview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center" />

</LinearLayout>

 

 

Activity中的代碼：

package com.jiahui.popwindow;

import java.util.ArrayList;
import java.util.List;

import com.jiahui.adapter.GroupAdapter;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast;

public class PoupWindowDemoActivity extends Activity {

	private PopupWindow popupWindow;

	private ListView lv_group;

	private View view;

	private View top_title;

	private TextView tvtitle;

	private List<String> groups;

	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);

		top_title = this.findViewById(R.id.top_title);

		tvtitle = (TextView) top_title.findViewById(R.id.tvtitle);

		tvtitle.setText("做一個低調的碼農");

		tvtitle.setOnClickListener(new View.OnClickListener() {

			@Override
			public void onClick(View v) {
				showWindow(v);
			}
		});

	}

	/**
	 * 顯示
	 * 
	 * @param parent
	 */
	private void showWindow(View parent) {

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

			view = layoutInflater.inflate(R.layout.group_list, null);

			lv_group = (ListView) view.findViewById(R.id.lvGroup);
			// 加載數據
			groups = new ArrayList<String>();
			groups.add("我的微博");
			groups.add("好友");
			groups.add("親人");
			groups.add("陌生人");

			GroupAdapter groupAdapter = new GroupAdapter(this, groups);
			lv_group.setAdapter(groupAdapter);
			// 創建一個PopuWidow對象
			popupWindow = new PopupWindow(view, 200, 250);
		}

		// 使其聚集
		popupWindow.setFocusable(true);
		// 設置允許在外點擊消失
		popupWindow.setOutsideTouchable(true);

		// 這個是爲了點擊“返回Back”也能使其消失，並且並不會影響你的背景
		popupWindow.setBackgroundDrawable(new BitmapDrawable());
		WindowManager windowManager = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
		// 顯示的位置爲:屏幕的寬度的一半-PopupWindow的高度的一半
		int xPos = windowManager.getDefaultDisplay().getWidth() / 2
				- popupWindow.getWidth() / 2;

		Log.i("coder", "windowManager.getDefaultDisplay().getWidth()/2:"
				+ windowManager.getDefaultDisplay().getWidth() / 2);
		//
		Log.i("coder", "popupWindow.getWidth()/2:" + popupWindow.getWidth() / 2);

		Log.i("coder", "xPos:" + xPos);

		popupWindow.showAsDropDown(parent, xPos, 0);

		lv_group.setOnItemClickListener(new OnItemClickListener() {

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

				Toast.makeText(PoupWindowDemoActivity.this,
						"groups.get(position)" + groups.get(position), 1000)
						.show();

				if (popupWindow != null) {
					popupWindow.dismiss();
				}
			}
		});
	}
}

如需轉載引用請註明出處：http://blog.csdn.net/jiahui524

歡迎大家多多交流。分享爲快樂之本！讓我們菜鳥一起成長！

兩次感謝網友songfantasy的提醒！

提供源代碼下載 ：http://download.csdn.net/detail/jiahui524/4094114