利用PopWindow自定义弹出框

最新推荐文章于 2025-08-07 17:35:28 发布

转载最新推荐文章于 2025-08-07 17:35:28 发布 · 1.1k 阅读

文章标签：

#layout #constructor #null #android #button #encoding

android学习专栏收录该内容

150 篇文章

订阅专栏

本文介绍了一个自定义的QuickAction菜单实现方案，通过Android中的PopupWindow展示一个带有图标和标题的菜单项列表，支持多种动画效果及自适应显示位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mainActivity:

[java]view plaincopy 
   
 package com.cn.nj.quickaction;  
   
 import android.app.Activity;  
 import android.os.Bundle;  
 import android.view.View;  
 import android.view.View.OnClickListener;  
 import android.widget.Button;  
   
 import com.cn.nj.quickaction.util.quick.ActionItem;  
 import com.cn.nj.quickaction.util.quick.QuickAction;  
   
 public class QuickActionTestActivity extends Activity implements OnClickListener{  
       
     private Button button01;  
     /** Called when the activity is first created. */  
     @Override  
     public void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         setContentView(R.layout.main);  
         button01 = (Button) findViewById(R.id.button1);  
         button01.setOnClickListener(this);  
     }  
     @Override  
     public void onClick(View v) {  
         switch (v.getId()) {  
         case R.id.button1:  
             show(v);  
             break;  
   
         default:  
             break;  
         }  
     }  
       
     private void show(View v){  
         final ActionItem first = new ActionItem();  
         View sexView = v.findViewById(R.id.button1);  
         final QuickAction qa = new QuickAction(sexView);  
         first.setTitle("相机");  
         first.setIcon(getResources().getDrawable(R.drawable.camera_icon_select));  
         first.setOnClickListener(new OnClickListener() {  
             @Override  
             public void onClick(View v) {  
                 getdismiss(qa);  
             }  
         });  
           
           
         final ActionItem second = new ActionItem();  
           
         second.setTitle("文件");  
         second.setIcon(getResources().getDrawable(R.drawable.album_icon_select));  
         second.setOnClickListener(new OnClickListener() {  
             @Override  
             public void onClick(View v) {  
                 getdismiss(qa);  
             }  
         });  
         qa.addActionItem(first);  
         qa.addActionItem(second);  
         qa.show();  
     }  
       
     private void getdismiss(QuickAction qa){  
         qa.dismiss();  
     }  
 }  

ActionItem:

[java]view plaincopy 
   
 package com.cn.nj.quickaction.util.quick;  
   
   
 import android.graphics.drawable.Drawable;  
 import android.view.View.OnClickListener;  
   
 /** 
  */  
 public class ActionItem {  
     private Drawable icon;  
     private String title;  
     private OnClickListener listener;  
       
     /** 
      * Constructor 
      */  
     public ActionItem() {}  
       
     /** 
      * Constructor 
      *  
      * @param icon {@link Drawable} action icon 
      */  
     public ActionItem(Drawable icon) {  
         this.icon = icon;  
     }  
       
     /** 
      * Set action title 
      *  
      * @param title action title 
      */  
     public void setTitle(String title) {  
         this.title = title;  
     }  
       
     /** 
      * Get action title 
      *  
      * @return action title 
      */  
     public String getTitle() {  
         return this.title;  
     }  
       
     /** 
      * Set action icon 
      *  
      * @param icon {@link Drawable} action icon 
      */  
     public void setIcon(Drawable icon) {  
         this.icon = icon;  
     }  
       
     /** 
      * Get action icon 
      * @return  {@link Drawable} action icon 
      */  
     public Drawable getIcon() {  
         return this.icon;  
     }  
       
     /** 
      * Set on click listener 
      *  
      * @param listener on click listener {@link View.OnClickListener} 
      */  
     public void setOnClickListener(OnClickListener listener) {  
         this.listener = listener;  
     }  
       
     /** 
      * Get on click listener 
      *  
      * @return on click listener {@link View.OnClickListener} 
      */  
     public OnClickListener getListener() {  
         return this.listener;  
     }  
 }  

QuickAction:

[java]view plaincopy 
   
 package com.cn.nj.quickaction.util.quick;  
   
   
 import java.util.ArrayList;  
   
 import android.content.Context;  
 import android.graphics.Rect;  
 import android.graphics.drawable.Drawable;  
 import android.view.Gravity;  
 import android.view.LayoutInflater;  
 import android.view.View;  
 import android.view.View.OnClickListener;  
 import android.view.ViewGroup;  
 import android.view.ViewGroup.LayoutParams;  
 import android.widget.ImageView;  
 import android.widget.LinearLayout;  
 import android.widget.ScrollView;  
 import android.widget.TextView;  
   
 import com.cn.nj.quickaction.R;  
   
   
 /** 
  */  
 public class QuickAction extends CustomPopupWindow {  
     private final View root;  
     private final ImageView mArrowUp;  
     private final ImageView mArrowDown;  
     private final LayoutInflater inflater;  
     private final Context context;  
       
     protected static final int ANIM_GROW_FROM_LEFT = 1;  
     protected static final int ANIM_GROW_FROM_RIGHT = 2;  
     protected static final int ANIM_GROW_FROM_CENTER = 3;  
     protected static final int ANIM_REFLECT = 4;  
     protected static final int ANIM_AUTO = 5;  
       
     private int animStyle;  
     private ViewGroup mTrack;  
     private ScrollView scroller;  
     private ArrayList<ActionItem> actionList;  
       
     /** 
      * Constructor 
      *  
      * @param anchor {@link View} on where the popup window should be displayed 
      */  
     public QuickAction(View anchor) {  
         super(anchor);  
           
         actionList  = new ArrayList<ActionItem>();  
         context     = anchor.getContext();  
         inflater    = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
           
         root        = (ViewGroup) inflater.inflate(R.layout.quick_popup, null);  
           
         mArrowDown  = (ImageView) root.findViewById(R.id.arrow_down);  
         mArrowUp    = (ImageView) root.findViewById(R.id.arrow_up);  
           
         setContentView(root);  
           
         mTrack          = (ViewGroup) root.findViewById(R.id.tracks);  
         scroller        = (ScrollView) root.findViewById(R.id.scroller);  
         animStyle       = ANIM_AUTO;  
     }  
   
     /** 
      * Set animation style 
      *  
      * @param animStyle animation style, default is set to ANIM_AUTO 
      */  
     public void setAnimStyle(int animStyle) {  
         this.animStyle = animStyle;  
     }  
   
     /** 
      * Add action item 
      *  
      * @param action  {@link ActionItem} object 
      */  
     public void addActionItem(ActionItem action) {  
         actionList.add(action);   
     }  
       
     /** 
      * Show popup window. Popup is automatically positioned, on top or bottom of anchor view. 
      *  
      */  
     public void show () {  
         preShow();  
           
         int xPos, yPos;  
           
         int[] location      = new int[2];  
       
         anchor.getLocationOnScreen(location);  
   
         Rect anchorRect     = new Rect(location[0], location[1], location[0] + anchor.getWidth(), location[1]   
                             + anchor.getHeight());  
   
         createActionList();  
           
         root.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));  
         root.measure(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  
       
         int rootHeight      = root.getMeasuredHeight();  
         int rootWidth       = root.getMeasuredWidth();  
           
         int screenWidth     = windowManager.getDefaultDisplay().getWidth();  
         int screenHeight    = windowManager.getDefaultDisplay().getHeight();  
           
         //automatically get X coord of popup (top left)  
         if ((anchorRect.left + rootWidth) > screenWidth) {  
             xPos = anchorRect.left - (rootWidth-anchor.getWidth());  
         } else {  
             if (anchor.getWidth() > rootWidth) {  
                 xPos = anchorRect.centerX() - (rootWidth/2);  
             } else {  
                 xPos = anchorRect.left;  
             }  
         }  
           
         int dyTop           = anchorRect.top;  
         int dyBottom        = screenHeight - anchorRect.bottom;  
   
         boolean onTop       = (dyTop > dyBottom) ? true : false;  
   
         if (onTop) {  
             if (rootHeight > dyTop) {  
                 yPos            = 15;  
                 LayoutParams l  = scroller.getLayoutParams();  
                 l.height        = dyTop - anchor.getHeight();  
             } else {  
                 yPos = anchorRect.top - rootHeight;  
             }  
         } else {  
             yPos = anchorRect.bottom;  
               
             if (rootHeight > dyBottom) {   
                 LayoutParams l  = scroller.getLayoutParams();  
                 l.height        = dyBottom;  
             }  
         }  
           
         showArrow(((onTop) ? R.id.arrow_down : R.id.arrow_up), anchorRect.centerX()-xPos);  
           
         setAnimationStyle(screenWidth, anchorRect.centerX(), onTop);  
           
         window.showAtLocation(anchor, Gravity.NO_GRAVITY, xPos, yPos);  
     }  
       
     /** 
      * Set animation style 
      *  
      * @param screenWidth screen width 
      * @param requestedX distance from left edge 
      * @param onTop flag to indicate where the popup should be displayed. Set TRUE if displayed on top of anchor view 
      *        and vice versa 
      */  
     private void setAnimationStyle(int screenWidth, int requestedX, boolean onTop) {  
         int arrowPos = requestedX - mArrowUp.getMeasuredWidth()/2;  
   
         switch (animStyle) {  
         case ANIM_GROW_FROM_LEFT:  
             window.setAnimationStyle((onTop) ? R.style.Animations_PopUpMenu_Left : R.style.Animations_PopDownMenu_Left);  
             break;  
                       
         case ANIM_GROW_FROM_RIGHT:  
             window.setAnimationStyle((onTop) ? R.style.Animations_PopUpMenu_Right : R.style.Animations_PopDownMenu_Right);  
             break;  
                       
         case ANIM_GROW_FROM_CENTER:  
             window.setAnimationStyle((onTop) ? R.style.Animations_PopUpMenu_Center : R.style.Animations_PopDownMenu_Center);  
         break;  
               
         case ANIM_REFLECT:  
             window.setAnimationStyle((onTop) ? R.style.Animations_PopUpMenu_Reflect : R.style.Animations_PopDownMenu_Reflect);  
         break;  
           
         case ANIM_AUTO:  
             if (arrowPos <= screenWidth/4) {  
                 window.setAnimationStyle((onTop) ? R.style.Animations_PopUpMenu_Left : R.style.Animations_PopDownMenu_Left);  
             } else if (arrowPos > screenWidth/4 && arrowPos < 3 * (screenWidth/4)) {  
                 window.setAnimationStyle((onTop) ? R.style.Animations_PopUpMenu_Center : R.style.Animations_PopDownMenu_Center);  
             } else {  
                 window.setAnimationStyle((onTop) ? R.style.Animations_PopUpMenu_Right : R.style.Animations_PopDownMenu_Right);  
             }  
                       
             break;  
         }  
     }  
       
     /** 
      * Create action list 
      */  
     private void createActionList() {  
         View view;  
         String title;  
         Drawable icon;  
         OnClickListener listener;  
       
         for (int i = 0; i < actionList.size(); i++) {  
             title       = actionList.get(i).getTitle();  
             icon        = actionList.get(i).getIcon();  
             listener    = actionList.get(i).getListener();  
       
             view        = getActionItem(title, icon, listener);  
           
             view.setFocusable(true);  
             view.setClickable(true);  
                
             mTrack.addView(view);  
         }  
     }  
       
     /** 
      * Get action item {@link View} 
      *  
      * @param title action item title 
      * @param icon {@link Drawable} action item icon 
      * @param listener {@link View.OnClickListener} action item listener 
      * @return action item {@link View} 
      */  
     private View getActionItem(String title, Drawable icon, OnClickListener listener) {  
         LinearLayout container  = (LinearLayout) inflater.inflate(R.layout.action_item, null);  
           
         ImageView img           = (ImageView) container.findViewById(R.id.icon);  
         TextView text           = (TextView) container.findViewById(R.id.title);  
           
         if (icon != null) {  
             img.setImageDrawable(icon);  
         }  
           
         if (title != null) {              
             text.setText(title);  
         }  
           
         if (listener != null) {  
             container.setOnClickListener(listener);  
         }  
   
         return container;  
     }  
       
     /** 
      * Show arrow 
      *  
      * @param whichArrow arrow type resource id 
      * @param requestedX distance from left screen 
      */  
     private void showArrow(int whichArrow, int requestedX) {  
         final View showArrow = (whichArrow == R.id.arrow_up) ? mArrowUp : mArrowDown;  
         final View hideArrow = (whichArrow == R.id.arrow_up) ? mArrowDown : mArrowUp;  
   
         final int arrowWidth = mArrowUp.getMeasuredWidth();  
   
         showArrow.setVisibility(View.VISIBLE);  
           
         ViewGroup.MarginLayoutParams param = (ViewGroup.MarginLayoutParams)showArrow.getLayoutParams();  
          
         param.leftMargin = requestedX - arrowWidth / 2;  
           
         hideArrow.setVisibility(View.INVISIBLE);  
     }  
 }  

CustomPopupWindow:

[java]view plaincopy 
   
 package com.cn.nj.quickaction.util.quick;  
   
   
 import android.content.Context;  
 import android.graphics.Rect;  
 import android.graphics.drawable.BitmapDrawable;  
 import android.graphics.drawable.Drawable;  
 import android.view.Gravity;  
 import android.view.LayoutInflater;  
 import android.view.MotionEvent;  
 import android.view.View;  
 import android.view.View.OnTouchListener;  
 import android.view.ViewGroup.LayoutParams;  
 import android.view.WindowManager;  
 import android.widget.PopupWindow;  
   
 import com.cn.nj.quickaction.R;  
   
   
 public class CustomPopupWindow {  
     protected final View anchor;  
     protected final PopupWindow window;  
     private View root;  
     private Drawable background = null;  
     protected final WindowManager windowManager;  
       
     /** 
      * Create a QuickAction 
      *  
      * @param anchor 
      *            the view that the QuickAction will be displaying 'from' 
      */  
     public CustomPopupWindow(View anchor) {  
         this.anchor = anchor;  
         this.window = new PopupWindow(anchor.getContext());  
   
         // when a touch even happens outside of the window  
         // make the window go away  
         window.setTouchInterceptor(new OnTouchListener() {  
             @Override  
             public boolean onTouch(View v, MotionEvent event) {  
                 if (event.getAction() == MotionEvent.ACTION_OUTSIDE) {  
                     CustomPopupWindow.this.window.dismiss();  
                       
                     return true;  
                 }  
                   
                 return false;  
             }  
         });  
   
         windowManager = (WindowManager) anchor.getContext().getSystemService(Context.WINDOW_SERVICE);  
           
         onCreate();  
     }  
   
     /** 
      * Anything you want to have happen when created. Probably should create a view and setup the event listeners on 
      * child views. 
      */  
     protected void onCreate() {}  
   
     /** 
      * In case there is stuff to do right before displaying. 
      */  
     protected void onShow() {}  
   
     protected void preShow() {  
         if (root == null) {  
             throw new IllegalStateException("setContentView was not called with a view to display.");  
         }  
           
         onShow();  
   
         if (background == null) {  
             window.setBackgroundDrawable(new BitmapDrawable());  
         } else {  
             window.setBackgroundDrawable(background);  
         }  
   
         // if using PopupWindow#setBackgroundDrawable this is the only values of the width and hight that make it work  
         // otherwise you need to set the background of the root viewgroup  
         // and set the popupwindow background to an empty BitmapDrawable  
           
         window.setWidth(WindowManager.LayoutParams.WRAP_CONTENT);  
         window.setHeight(WindowManager.LayoutParams.WRAP_CONTENT);  
         window.setTouchable(true);  
         window.setFocusable(true);  
         window.setOutsideTouchable(true);  
   
         window.setContentView(root);  
     }  
   
     public void setBackgroundDrawable(Drawable background) {  
         this.background = background;  
     }  
   
     /** 
      * Sets the content view. Probably should be called from {@link onCreate} 
      *  
      * @param root 
      *            the view the popup will display 
      */  
     public void setContentView(View root) {  
         this.root = root;  
           
         window.setContentView(root);  
     }  
   
     /** 
      * Will inflate and set the view from a resource id 
      *  
      * @param layoutResID 
      */  
     public void setContentView(int layoutResID) {  
         LayoutInflater inflator =  
                 (LayoutInflater) anchor.getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
           
         setContentView(inflator.inflate(layoutResID, null));  
     }  
   
     /** 
      * If you want to do anything when {@link dismiss} is called 
      *  
      * @param listener 
      */  
     public void setOnDismissListener(PopupWindow.OnDismissListener listener) {  
         window.setOnDismissListener(listener);  
     }  
   
     /** 
      * Displays like a popdown menu from the anchor view 
      */  
     public void showDropDown() {  
         showDropDown(0, 0);  
     }  
   
     /** 
      * Displays like a popdown menu from the anchor view. 
      *  
      * @param xOffset 
      *            offset in X direction 
      * @param yOffset 
      *            offset in Y direction 
      */  
     public void showDropDown(int xOffset, int yOffset) {  
         preShow();  
   
         window.setAnimationStyle(R.style.Animations_PopDownMenu);  
   
         window.showAsDropDown(anchor, xOffset, yOffset);  
     }  
   
     /** 
      * Displays like a QuickAction from the anchor view. 
      */  
     public void showLikeQuickAction() {  
         showLikeQuickAction(0, 0);  
     }  
   
     /** 
      * Displays like a QuickAction from the anchor view. 
      *  
      * @param xOffset 
      *            offset in the X direction 
      * @param yOffset 
      *            offset in the Y direction 
      */  
     public void showLikeQuickAction(int xOffset, int yOffset) {  
         preShow();  
   
         window.setAnimationStyle(R.style.Animations_PopUpMenu_Center);  
   
         int[] location = new int[2];  
         anchor.getLocationOnScreen(location);  
   
         Rect anchorRect =  
                 new Rect(location[0], location[1], location[0] + anchor.getWidth(), location[1]  
                     + anchor.getHeight());  
   
         root.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));  
         root.measure(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);  
           
         int rootWidth       = root.getMeasuredWidth();  
         int rootHeight      = root.getMeasuredHeight();  
   
         int screenWidth     = windowManager.getDefaultDisplay().getWidth();  
         //int screenHeight  = windowManager.getDefaultDisplay().getHeight();  
   
         int xPos            = ((screenWidth - rootWidth) / 2) + xOffset;  
         int yPos            = anchorRect.top - rootHeight + yOffset;  
   
         // display on bottom  
         if (rootHeight > anchorRect.top) {  
             yPos = anchorRect.bottom + yOffset;  
               
             window.setAnimationStyle(R.style.Animations_PopDownMenu_Center);  
         }  
   
         window.showAtLocation(anchor, Gravity.NO_GRAVITY, xPos, yPos);  
     }  
       
     public void dismiss() {  
         window.dismiss();  
     }  
 }  

main.xml

[html]view plaincopy 
   
 <?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"  
     android:background="@drawable/bg">  
   
     <Button  
         android:id="@+id/button1"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:text="@string/btn" />  
   
 </LinearLayout>  

action_item.xml

[html]view plaincopy 
   
 <LinearLayout  
     xmlns:android="http://schemas.android.com/apk/res/android"  
     android:orientation="horizontal"  
     android:layout_width="fill_parent"  
     android:layout_height="wrap_content"   
     android:clickable="true"  
     android:focusable="true"  
     android:background="@drawable/action_item_btn">  
               
     <ImageView  
         android:id="@+id/icon"   
         android:layout_width="wrap_content"   
         android:layout_height="wrap_content"/>  
   
     <TextView   
         android:id="@+id/title"  
         android:layout_width="fill_parent"   
         android:layout_height="fill_parent"   
         android:gravity="center_vertical"  
         android:paddingLeft="5dip"  
         android:paddingRight="10dip"  
         android:text="Chart"  
         android:textColor="#fff"/>  
                                                
 </LinearLayout>           

quick_popup.xml

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <RelativeLayout   
     xmlns:android="http://schemas.android.com/apk/res/android"  
     android:layout_width="wrap_content"  
     android:layout_height="wrap_content">  
           
     <ScrollView   
         android:id="@+id/scroller"  
         android:layout_marginTop="16dip"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:background="@drawable/quick_popup"  
         android:fadingEdgeLength="5dip"  
         android:scrollbars="none">  
           
         <LinearLayout  
             android:id="@+id/tracks"  
             android:orientation="vertical"  
             android:layout_width="wrap_content"  
             android:layout_height="wrap_content"  
             android:layout_weight="1"  
             android:padding="0dip"/>  
          
     </ScrollView >  
       
     <ImageView  
         android:id="@+id/arrow_up"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:src="@drawable/quick_arrow_up" />  
           
     <ImageView  
         android:id="@+id/arrow_down"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:layout_below="@id/scroller"  
         android:layout_marginTop="-4dip"  
         android:src="@drawable/quick_arrow_down" />  
   
 </RelativeLayout>  