android popwindow实现左侧弹出菜单层及PopupWindow主要方法介绍

PopupWindow可以实现浮层效果，主要方法有：可以自定义view，通过LayoutInflator方法；可以出现和退出时显示动画；可以指定显示位置等。

为了将PopupWindow的多个功能展现并力求用简单的代码实现，编写了一个点击按钮左侧弹出菜单的功能，实现出现和退出时显示动画效果并点击其他区域时弹出层自动消失。

 

1.PopwindowOnLeftActivity.java

 

 

 

package com.pop.main; import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnClickListener; import android.view.View.OnTouchListener; import android.widget.Button; import android.widget.PopupWindow; public class PopwindowOnLeftActivity extends Activity { // 声明PopupWindow对象的引用 private PopupWindow popupWindow; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); // 点击按钮弹出菜单 Button pop = (Button) findViewById(R.id.popBtn); pop.setOnClickListener(popClick); } //点击弹出左侧菜单的显示方式 OnClickListener popClick = new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub getPopupWindow(); // 这里是位置显示方式,在按钮的左下角 popupWindow.showAsDropDown(v); // 这里可以尝试其它效果方式,如popupWindow.showAsDropDown(v, // (screenWidth-dialgoWidth)/2, 0); // popupWindow.showAtLocation(findViewById(R.id.layout), // Gravity.CENTER, 0, 0); } }; /** * 创建PopupWindow */ protected void initPopuptWindow() { // TODO Auto-generated method stub // 获取自定义布局文件pop.xml的视图 View popupWindow_view = getLayoutInflater().inflate(R.layout.pop, null, false); // 创建PopupWindow实例,200,150分别是宽度和高度 popupWindow = new PopupWindow(popupWindow_view, 200, 150, true); // 设置动画效果 popupWindow.setAnimationStyle(R.style.AnimationFade); //点击其他地方消失 popupWindow_view.setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { // TODO Auto-generated method stub if (popupWindow != null && popupWindow.isShowing()) { popupWindow.dismiss(); popupWindow = null; } return false; } }); // pop.xml视图里面的控件 Button open = (Button) popupWindow_view.findViewById(R.id.open); Button save = (Button) popupWindow_view.findViewById(R.id.save); Button close = (Button) popupWindow_view.findViewById(R.id.close); // pop.xml视图里面的控件触发的事件 // 打开 open.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub // 这里可以执行相关操作 System.out.println("打开操作"); // 对话框消失 popupWindow.dismiss(); } }); // 保存 save.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub // 这里可以执行相关操作 System.out.println("保存操作"); popupWindow.dismiss(); } }); // 关闭 close.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub // 这里可以执行相关操作 System.out.println("关闭操作"); popupWindow.dismiss(); } }); } /*** * 获取PopupWindow实例 */ private void getPopupWindow() { if (null != popupWindow) { popupWindow.dismiss(); return; } else { initPopuptWindow(); } } } 

主要界面
2.main.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:orientation="vertical" > <Button android:id="@+id/popBtn" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/pop_left" /> </LinearLayout> 

弹出层的布局
3.pop.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="@android:color/darker_gray"> <Button android:id="@+id/open" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@drawable/btn" android:text="@string/open"/> <Button android:id="@+id/save" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@drawable/btn" android:text="@string/save"/> <Button android:id="@+id/close" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@drawable/btn" android:text="@string/close"/> </LinearLayout> 

value下的style文件
4.style 

 

<?xml version="1.0" encoding="utf-8"?> <resources> <style name="AnimationFade"> <!-- PopupWindow左右弹出的效果--> <item name="android:windowEnterAnimation">@anim/in_lefttoright</item> <item name="android:windowExitAnimation">@anim/out_righttoleft</item> </style> </resources> 

 

 

value下的string文件
5.string.xml 

<?xml version="1.0" encoding="utf-8"?> <resources> <string name="hello">Hello World, PopwindowOnLeftActivity!</string> <string name="app_name">PopwindowOnLeft</string> <string name="pop_left">弹出左侧菜单</string> <string name="open">打开</string> <string name="save">保存</string> <string name="close">关闭</string> </resources>

anim目录下的文件 (没有就新建)
出现时从左往右的动画文件
6.in_lefttoright.xml

 

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 定义从左向右进入的动画 --> <translate android:fromXDelta="-100%" android:toXDelta="0" android:duration="500"/> </set> 

退出时从右往左消失的动画
7.out_righttoleft.xml

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <!-- 定义从右向左动画退出动画 --> <translate android:fromXDelta="0" android:toXDelta="-100%" android:duration="500"/> </set>