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

Question

我正在开发一个Android 2.1 API 7应用程序。我使用ActionbarSherlock库来实现我的操作栏。

我的操作栏视图:

<?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>

在我的Activity的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）。

我想实现这样一个功能，当用户按下图像图标时，弹出菜单会在图标下方展开，再次按下图标时，弹出菜单会折叠。如何实现这个功能？

- Leem.fin

Answer 1

添加变量：

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;
        }                        
    }

});

- C. Leung

---

哦，我的错误，应该是 actionBarImg。 - C. Leung

Answer 2

在您的imageView onClickListener中创建此弹出窗口，并将其放在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);
           }
     });

这将使你的弹出窗口位于你的imageView/button下面。

- Driss Bounouar