Android ActionBar custom action view tool-tip

Question

I have an app that is using a SupportActionBar. I am usin a custom view for an action.

The thing is, that default actions do display a tool-tip when i long press, but my custom action does not.

So here is the default action (as you can see, there is a tool-tip):

And here is my custom action (no tool-tip for this one :/):

The xml for these 2:

    <menu
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:custom="http://schemas.android.com/apk/res-auto">

        <item
            android:visible="false"
            android:title="Clear history"
            android:id="@+id/action_clear_history"
            custom:showAsAction="always"
            android:icon="@drawable/ic_action_trash" />
        <item
            android:title="Open chat"
            android:id="@+id/action_chat"
            custom:showAsAction="always"
            custom:actionLayout="@layout/ab_chat" />
    </menu>

Can someone help?

Answer 1

I don't think there are any "official" API calls for this. I believe adding anView.OnClickListener to your custom view, as the other answers suggest, is about as good as possible.

What you can do a little better, though, is properly calculating the position for the tool-tip toast. I would recommend simply copying and pasting the relevant snippet from the ActionMenuItemView class (from the support library source code) since it deals with a few special cases:

@Override
public boolean onLongClick(View v) {
    if (hasText()) {
        // Don't show the cheat sheet for items that already show text.
        return false;
    }

    final int[] screenPos = new int[2];
    final Rect displayFrame = new Rect();
    getLocationOnScreen(screenPos);
    getWindowVisibleDisplayFrame(displayFrame);

    final Context context = getContext();
    final int width = getWidth();
    final int height = getHeight();
    final int midy = screenPos[1] + height / 2;
    int referenceX = screenPos[0] + width / 2;
    if (ViewCompat.getLayoutDirection(v) == ViewCompat.LAYOUT_DIRECTION_LTR) {
        final int screenWidth = context.getResources().getDisplayMetrics().widthPixels;
        referenceX = screenWidth - referenceX; // mirror
    }
    Toast cheatSheet = Toast.makeText(context, mItemData.getTitle(), Toast.LENGTH_SHORT);
    if (midy < displayFrame.height()) {
        // Show along the top; follow action buttons
        cheatSheet.setGravity(Gravity.TOP | GravityCompat.END, referenceX, height);
    } else {
        // Show along the bottom center
        cheatSheet.setGravity(Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, height);
    }
    cheatSheet.show();
    return true;
}

You can find it in <android-sdk>\sources\android-21\android\support\v7\internal\view\menu.

Answer 2

Easy and perfect way, just use android.support.v7.widget.TooltipCompat:

TooltipCompat.setTooltipText(view, "...");

Answer 3

As you're using a custom layout for the button, the following code should work:

view.setOnLongClickListener(new OnLongClickListener() {
    public boolean onLongClick(View view) {
        Toast toast = Toast.makeText(v.getContext(), "Open chat", Toast.LENGTH_SHORT);
        toast.show();
        return true;
    }
}

Just set this as the long click listener of the button in the action bar.

Answer 4

Try adding the value withText to the showAsAction feature. Something like this

android:showAsAction="ifRoom|always|withText"

Answer 5

Use the findItem method on Menu to get your views, and set your OnLongClickListener on your view.

One change in your xml file of Menu that is add line android:actionViewClass="android.widget.ImageButton" (you can change that View):

<item
     android:title="Open chat"
     android:id="@+id/action_chat"
     custom:showAsAction="always"
     android:actionViewClass="android.widget.ImageButton"
     custom:actionLayout="@layout/ab_chat" />

May you get error here for getting your Parent View I think it should be you Main View of custom layout. you can use it first then after use actionViewClass

Now get in onCreateOptionMenu() for Long Press Event:

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // TODO Auto-generated method stub
        getSupportMenuInflater().inflate(R.menu.menu_xml, menu);
        /*
        As per your defined view in XML of MENU
        */ 
        ImageButton view = (ImageButton) menu.findItem(R.id.action_chat).getActionView();
        view.setOnLongClickListener(new OnLongClickListener() {

            @Override
            public boolean onLongClick(View arg0) {
                // TODO Auto-generated method stub
                Display display = getWindowManager().getDefaultDisplay();
                Point size = new Point();
                display.getSize(size);
                int width = size.x;
                Toast toast = Toast.makeText(context, "Open Chat", Toast.LENGTH_SHORT);
                toast.setGravity(Gravity.TOP, width - 200, 50); //your width and height
                toast.show();
                return false;
            }
        });

        return super.onCreateOptionsMenu(menu);
    }

Display Toast with Gravity on Top

You can see: Playing with Toast

Answer 6

Create a custom layout and set this layout on action bar, i hope its may work for you

View view     = getLayoutInflater().inflate(R.layout.actionbar_demo,null);
    btn   = (ImageView) view.findViewById(R.id.btn_action);
    btn.setOnLongClickListener(new OnLongClickListener()
    {

        @Override
        public boolean onLongClick(View v) {

            return true;
        }
    });



  getActionBar() . setCustomView(view);

and you also implement like this

   ActionBar actionBar = getSupportActionBar();
            actionBar.setCustomView(R.layoutcustom_action_bar);
            actionBar.setDisplayShowCustomEnabled(true);
            mLogo = (ImageView) actionBar.getCustomView().findViewById(
                    R.id.logo);
            mLogo.setOnLongClickListener(new OnLongClickListener()
              {

                  @Override
                  public boolean onLongClick(View v) {

                     return true;
                   }
              });