[置顶] Android常用UI控件之PopupWindow

        今天我们学习如何实现PopupWindow泡泡窗口，效果类似于弹出菜单，但是实现方式截然不同，下面给出该场景的案例：

一、案例代码

1.AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.android.popupwindow"

    android:versionCode="1"

    android:versionName="1.0" >



    <uses-sdk

        android:minSdkVersion="8"

        android:targetSdkVersion="15" />



    <application

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name" >

        <activity

            android:name=".PopupWindowActivity"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />



                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>



</manifest>

2.string.xml

<resources>

    <string name="app_name">泡泡窗口</string>

    <string name="button">打开PopupWindow</string>

</resources>

3.主界面布局文件：main.xml

<?xml version="1.0" encoding="utf-8" ?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:id="@+id/main" >



    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:onClick="openPopupWindow"

        android:text="@string/button" />



</LinearLayout>

4.PopupWindow布局文件：popupwindow.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:background="@drawable/background" >

    <!-- <TextView 

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:text="我是PopupWindow"/> -->

        

        <GridView

            android:id="@+id/gridView"

            android:layout_width="match_parent"

            android:layout_height="match_parent" 

            android:numColumns="4"

            android:verticalSpacing="10dp"

            android:horizontalSpacing="10dp"/>

            

</LinearLayout>

5.GridViewItem布局文件：grid_item.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:gravity="center" >

    <ImageView 

        android:id="@+id/imageView"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"/>

    <TextView 

        android:id="@+id/textView"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:gravity="center"

        android:textSize="16sp"

        android:textColor="#000099"/>



</LinearLayout>

6.PopupWindow弹进动画文件：enter.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android"

    android:shareInterpolator="false" >

    <translate 

        android:fromYDelta="100%p"

        android:toYDelta="0"

        android:duration="500" />

    

    <alpha

        android:fromAlpha="0.5" 

        android:toAlpha="1.0"

        android:duration="300" />

</set>

7.PopupWindow弹出动画文件：exit.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android"

    android:shareInterpolator="false" >

    <translate 

        android:fromYDelta="0"

        android:toYDelta="100%p"

        android:duration="500" />

    

    <alpha

        android:fromAlpha="1.0" 

        android:toAlpha="0.5"

        android:duration="300" />

</set>

8.PopupWindowActivity.java

package com.android.popupwindow;



import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;



import android.app.Activity;

import android.graphics.drawable.BitmapDrawable;

import android.os.Bundle;

import android.view.Gravity;

import android.view.View;

import android.view.ViewGroup;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.GridView;

import android.widget.ListAdapter;

import android.widget.PopupWindow;

import android.widget.SimpleAdapter;



public class PopupWindowActivity extends Activity {

    private PopupWindow popupWindow;

    private View parent;

    

    // 设置GridView Item图片资源

    private int[] images = {

            R.drawable.i1,

            R.drawable.i2,

            R.drawable.i3,

            R.drawable.i4,

            R.drawable.i5,

            R.drawable.i6,

            R.drawable.i7,

            R.drawable.i8};

    

    // 设置GridView Item名称资源

    private String[] names = {

            "搜索",

            "文件",

            "下载",

            "全屏",

            "网址",

            "书签",

            "加入",

            "分享"

    };



    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);



        // 构建PopupWindow内容视图

        View contentView = getLayoutInflater().inflate(R.layout.popupwindow, null);

        GridView gridView = (GridView) contentView.findViewById(R.id.gridView);

        gridView.setAdapter(getAdapter());

        gridView.setOnItemClickListener(new OnItemClickListener() {

            @Override

            public void onItemClick(AdapterView<?> parent, View view, int position,

                    long id) {

                if(popupWindow.isShowing()) {

                    popupWindow.dismiss();

                }

            }

        });

        

        // 初始化PopupWindow控件

        popupWindow = new PopupWindow(contentView, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);

        // 允许PopupWindow获取焦点

        popupWindow.setFocusable(true);

        // 设置PopupWindow背景图

        popupWindow.setBackgroundDrawable(new BitmapDrawable());

        // 设置PopupWindow弹进弹出动画效果

        popupWindow.setAnimationStyle(R.style.animation);

        // 找到主界面布局文件

        parent = findViewById(R.id.main);

    }



    /**

     * 构建用于填充GridView数据条目的适配器

     * @return ListAdapter

     */

    private ListAdapter getAdapter() {

        List<HashMap<String, Object>> data = new ArrayList<HashMap<String, Object>>();

        for(int i=0; i < images.length; i++) {

            HashMap<String, Object> item = new HashMap<String, Object>();

            item.put("image", images[i]);

            item.put("name", names[i]);

            data.add(item);

        }

        SimpleAdapter adapter = new SimpleAdapter(this, data, R.layout.grid_item, 

                new String[]{"image", "name"}, new int[]{R.id.imageView, R.id.textView});

        return adapter;

    }



    /**

     * 设置在页面底端显示PopupWindow

     * @param v

     */

    public void openPopupWindow(View v) {

        popupWindow.showAtLocation(parent, Gravity.BOTTOM, 0, 0);

    }

}

 

        注意：要将、、、、、、、存放到drawable-hdpi文件夹下。

二、案例效果

三、代码下载：http://download.csdn.net/detail/leverage_1229/5470815