Android用PopupWindow实现弹出菜单实例

jopen 11年前

step1:新建项目PopWindow,并导入菜单项使用的图片到/res/drawable目录下

Android用PopupWindow实现弹出菜单实例               (项目总览图)                                        Android用PopupWindow实现弹出菜单实例            (drawable目录截图)       

step2:设置应用的UI界面 

a.应用的总体界面,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"      android:id="@+id/main"      >  <Button        android:layout_width="fill_parent"       android:layout_height="wrap_content"       android:text="@string/button"      android:onClick="openPopWindow"      />  </LinearLayout>

 

b.弹出菜单的界面,popwindow.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" android:background="@drawable/rectangle">  <!-- 设置一个手绘的长方形背景 -->   <GridView android:layout_width="fill_parent"    android:layout_height="wrap_content" android:numColumns="4"    android:horizontalSpacing="10dp" android:verticalSpacing="10dp"    android:id="@+id/gridView" />  </LinearLayout>

其中的android:background="@drawable/rectangle"是引用rectangle.xml

<?xml version="1.0" encoding="utf-8"?>  <shape xmlns:android="http://schemas.android.com/apk/res/android"   android:shape="rectangle">   <gradient android:startColor="#1DC9CD" android:endColor="#A2E0FB"    android:angle="270" />   <padding android:left="2dp" android:top="2dp" android:right="2dp"    android:bottom="2dp" />  </shape>


c.每个菜单项的界面,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:layout_width="wrap_content"        android:layout_height="wrap_content"           android:id="@+id/imageView"          />   <TextView        android:layout_width="fill_parent"       android:layout_height="wrap_content"       android:gravity="center"       android:textSize="16sp"       android:textColor="#000099"          android:id="@+id/textView"       />  </LinearLayout>


d:为菜单设置一个style,用于指定菜单弹出时和退出时的动画效果  styles.xml

<?xml version="1.0" encoding="utf-8"?>  <resources>      <style name="animation">          <item name="android:windowEnterAnimation">@anim/enter</item>     <item name="android:windowExitAnimation">@anim/exit</item>       </style>  </resources>

其中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.7"          android:toAlpha="1.0"           android:duration="300"          />    </set>

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="2000"          />    <alpha          android:fromAlpha="1.0"          android:toAlpha="0.5"           android:duration="1000"          />    </set>

 

step3:MainActivity.java

package cn.roco.popwindow;    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 MainActivity extends Activity {   private PopupWindow popupWindow;   private View parent;   /**菜单弹出来时候的菜单项图案*/   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 };   /**菜单弹出来时候的菜单项文字*/   private String[] names = { "搜索", "文件管理", "下载管理", "全屏", "网址", "书签", "加入书签",     "分享页面" };     @Override   public void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.main);    /**PopupWindow的界面*/    View contentView = getLayoutInflater()      .inflate(R.layout.popwindow, null);    /**网格布局界面*/    GridView gridView = (GridView) contentView.findViewById(R.id.gridView);    /**设置网格布局的适配器*/    gridView.setAdapter(getAdapter());    /**设置网格布局的菜单项点击时候的Listener*/    gridView.setOnItemClickListener(new ItemClickListener());    /**初始化PopupWindow*/    popupWindow = new PopupWindow(contentView,      ViewGroup.LayoutParams.MATCH_PARENT,      ViewGroup.LayoutParams.WRAP_CONTENT);    popupWindow.setFocusable(true);// 取得焦点    popupWindow.setBackgroundDrawable(new BitmapDrawable());    /**设置PopupWindow弹出和退出时候的动画效果*/    popupWindow.setAnimationStyle(R.style.animation);        parent = this.findViewById(R.id.main);   }      private final class ItemClickListener implements OnItemClickListener{    @Override    public void onItemClick(AdapterView<?> parent, View view, int position,      long id) {     if (popupWindow.isShowing()) {      popupWindow.dismiss();//关闭     }    }   }      /**返回网格布局的适配器*/   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 simpleAdapter = new SimpleAdapter(this, data,      R.layout.grid_item, new String[] { "image", "name" },      new int[] { R.id.imageView, R.id.textView });    return simpleAdapter;   }     public void openPopWindow(View v) {    /**设置PopupWindow弹出后的位置*/    popupWindow.showAtLocation(parent, Gravity.BOTTOM, 0, 0);   }  }

step4:AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>  <manifest xmlns:android="http://schemas.android.com/apk/res/android"        package="cn.roco.popwindow"        android:versionCode="1"        android:versionName="1.0">      <uses-sdk android:minSdkVersion="8" />        <application android:icon="@drawable/icon" android:label="@string/app_name">          <activity android:name=".MainActivity"                    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>

step5:运行效果

Android用PopupWindow实现弹出菜单实例                         Android用PopupWindow实现弹出菜单实例