弹出菜单从操作栏中的图标展开/折叠

时间:2012-02-14 09:55:51

标签: android android-layout android-intent android-emulator

我正在开发Android 2.1 API 7应用。我用ActionbarSherlock库实现了我的Action Bar。

我的操作栏视图:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

      <ImageView
          android:id="@+id/my_option"
          android:layout_gravity="left"  
          android:src="@drawable/ic_launcher"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_weight="1"
       />
</LinearLayout>

在我的活动onCreate()回调中:

 @Override
    protected void onCreate(Bundle arg0) {
    super.onCreate(arg0);

        ActionBar actionBar = getSupportActionBar();
        View actionBarView = getLayoutInflater().inflate(R.layout.action_bar, null);

        actionBar.setCustomView(actionBarView);

        ImageView actionBarImg = (ImageView) actionBarView.findViewById(R.id.my_option);
        actionBarImg.setOnClickListener(new OnClickListener(){

              public void onClick(View view) {
                  //how to pop up a menu which is expand/collapse below the image icon                         
              }
        });
   }

如上所示,操作栏布局上有一个图像图标(actionBarImg)。

我想实现的功能是,当用户手指按下图像图标时,弹出菜单会在图标下方展开,再次按下图标时,弹出菜单会折叠。如何实现这个?

2 个答案:

答案 0 :(得分:2)

添加变量:

private PopupWindow mPopupMenu;
private View mMenuLayout;
private boolean isPopupOpened = false;

添加到onCreate():

mMenuLayout = getLayoutInflater().inflate(R.layout.menu_layout, null);
mPopupMenu = new PopupWindow(mMenuLayout, WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.WRAP_CONTENT);

actionBarImg.setOnClickListener(new OnClickListener() {

    public void onClick(View view) {
        if (isPopupOpened)
        {
            mPopupMenu.dismiss();
            isPopupOpened = false;
        }
        else
        {
            mPopupMenu.showAsDropDown(actionBarImg);
            isPopupOpened = true;
        }                        
    }

});

答案 1 :(得分:2)

在你的imageView onClickListener中创建这个popupWindow并将它放在imageView下

       actionBarImg.setOnClickListener(new OnClickListener() {

          public void onClick(View view) {
                LayoutInflater inflater =  getLayoutInflater();
                View layout = inflater.inflate(R.layout.cart_layout, null);

                PopupWindow pw = new PopupWindow(layout , LinearLayout.LayoutParams.WRAP_CONTENT,
                        LinearLayout.LayoutParams.WRAP_CONTENT, true);
                // display the popup in the center
                pw.setOutsideTouchable(true);
                pw.setBackgroundDrawable(new ColorDrawable(android.R.color.transparent));
                pw.setFocusable(true);
                pw.setTouchInterceptor(new OnTouchListener() {
                    @Override
                    public boolean onTouch(View v, MotionEvent event) {
                        Log.i("touch ", "touch");
                        if (event.getAction() == MotionEvent.ACTION_OUTSIDE) {
                            Log.i("touch outside", "touch outside");
                            pw.dismiss();
                            return true;
                        }
                        return false;
                    }
                });
                pw.showAsDropDown(v);
           }
     });

这会将popupWindow放在imageView / button