Custom Action View can't be clicked

Question

I am trying to add a custom ActionView to my ActionBar.

I am trying to add the common refresh button. (ImageButton, ProgressBar inside a FrameLayout) but if I use an ActionView onOptionsItemSelected() is never called.

Here's the code:

In my Activity:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.messages_actionbar, menu);
mRefreshView = (RefreshView) menu.findItem(R.id.messages_refresh).getActionView();

return super.onCreateOptionsMenu(menu);
}

messages_actionbar's src:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@+id/messages_refresh"
        android:title="title"
        android:icon="@drawable/icon"
        android:showAsAction="always"
        android:actionViewClass="com.blabla.RefreshView"/>
</menu>

RefreshView's code:

public class RefreshView extends FrameLayout {

    private ImageView mButton;
    private ProgressBar mProgressBar;
    private boolean mLoading;

    public RefreshView(Context context) {
        super(context, null);
        initView(context);
    }

    public RefreshView(Context context, AttributeSet attrs) {
        super(context, attrs, 0);
        initView(context);
    }

    public RefreshView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initView(context);
    }

    private void initView(Context context) {
        LayoutInflater inflator = LayoutInflater.from(context);
        View v = inflator.inflate(R.layout.actionbar_refresh, this);
        mProgressBar = (ProgressBar) v.findViewById(R.id.action_refresh_progress);
        mButton = (ImageView) v.findViewById(R.id.action_refresh_button);
    }

    public void setLoading(boolean loading) {
        if (loading != mLoading) {
            mProgressBar.setVisibility(loading ? View.VISIBLE : View.GONE);
            mButton.setVisibility(loading ? View.GONE : View.VISIBLE);
            mLoading = loading;
        }
    }
}

actionbar_refresh's src code:

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

    <ImageView
        android:id="@+id/action_refresh_button"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:scaleType="center"
        android:background="@drawable/icon" />

    <ProgressBar
        android:id="@+id/action_refresh_progress"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:visibility="gone"
        android:indeterminate="true" />
</FrameLayout>

On the other hand, if I set a clickListener to the ImageView inside the RefreshView class it gets called.

Anyone did this already?

Answer 1

onOptionsItemSelected() should only be called if the action item is in the overflow menu which you should also handle. (you have it forced to "always" on action bar, so onOptionsItemSelected() won't get called).

At onCreateOptionsMenu() after inflating, you must setup a OnMenuItemClickListener for the menu item.

Answer 2

I ended up using the src code from http://code.google.com/p/styled-action-bar/.

Answer 3

I have found a working solution for me and I want to share it with you. It's based on the first approach of (@Macarse), with some important changes.

Important: adapt the initView method accordingly

1. Set an onClickListener to the ImageView (mButton)

2. Set loading to true & inform the Activity (MyActivity) about the click

   private void initView(final Context context) {
       final LayoutInflater inflator = LayoutInflater.from(context);
   
       final View actionView = inflator.inflate(
               R.layout.action_refresh_progress, this);
       mProgressBar = (ProgressBar) actionView
               .findViewById(R.id.action_refresh_progress);
   
       mButton = (ImageView) actionView
               .findViewById(R.id.action_refresh_button);
   
       mButton.setOnClickListener(new OnClickListener() {
   
           @Override
           public void onClick(final View view) {
               setLoading(true);
               ((MyActivity) context).handleRefreshButtonClick();
           }
       });
   }
   

3. React accordingly to the click in the Activity (MyActivity)

   public void handleRefreshButtonClick() {
       // Start refreshing...
   }
   

I hope that my approach could save you some time finding a working solution!