coder coder - 11 months ago 40
Android Question

horizontal menu inflater on long click for web view

Hy,
I am having a problem with the webview selection on longClick.
I already had an implementation of a customized menu that launches on longClick. But the default menu is launching as well. I am trying to customize the default menu, but I'm not knowing how to capture the click of the user on an item.
I have tried the following, but the menu is becoming vertical and hiding the selection, so I cannot select more words or change the selection.

@Override
public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo)
{
super.onCreateContextMenu(menu, v, menuInfo);


MenuInflater inflater = getMenuInflater();

/*
public void inflate (int menuRes, Menu menu)
Inflate a menu hierarchy from the specified XML resource. Throws InflateException if there is an error.

Parameters
menuRes : Resource ID for an XML layout resource to load (e.g., R.menu.main_activity)
menu : The Menu to inflate into. The items and submenus will be added to this Menu.

*/
inflater.inflate(R.menu.menu, menu);
}

@Override
public boolean onContextItemSelected(MenuItem item){
// Handle the menu item selection
switch(item.getItemId()){
case R.id.dict_menu:
// Render the page again
Toast.makeText(mContext,"dict_menu",Toast.LENGTH_SHORT).show();
return true;
case R.id.q_menu:
Toast.makeText(mContext,"q_menu",Toast.LENGTH_SHORT).show();
return true;
case R.id.hi_menu:
Toast.makeText(mContext,"hi_menu",Toast.LENGTH_SHORT).show();
return true;
default:
super.onContextItemSelected(item);
}
return false;
}


with menu xml as following.

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal">
<item android:id="@+id/dict_menu"
android:title="قاموس" />
<item android:id="@+id/q_menu"
android:title="اقتباس" />
<item android:id="@+id/hi_menu"
android:title="تظليل" />
</menu>


Therefore instead of having this result: (I get this result when I don't implement the following methods: onCreateContextMenu, onContextItemSelected which enable me to capture when an item of the menu is chosen)
enter image description here

I get the following:
enter image description here

The first screenshot is received when I use the following code:

@Override
public void onActionModeStarted(ActionMode mode) {
System.out.println("onActionModeStarted");
if (mActionMode == null)
{
mActionMode = mode;
//mode.setTitle("Dictionary");
Menu menu = mode.getMenu();
menu.clear();
mode.getMenuInflater().inflate(R.menu.menu, menu);//mode.getMenuInflater().inflate(myMenu, menu);
}
//System.out.println("onActionModeStarted");
super.onActionModeStarted(mode);
}

public void onContextualMenuItemClicked(MenuItem item) {
System.out.println("onContextualMenuItemClicked");
switch (item.getItemId()) {
case R.id.dict_menu:
// do some stuff
System.out.println("dict_menu");
Toast.makeText(mContext,"dict_menu",Toast.LENGTH_SHORT).show();
break;
case R.id.hi_menu:
// do some different stuff
System.out.println("hi_menu");
Toast.makeText(mContext,"hi_menu",Toast.LENGTH_SHORT).show();
break;

case R.id.q_menu:
// do some different stuff
System.out.println("q_menu");
Toast.makeText(mContext,"q_menu",Toast.LENGTH_SHORT).show();
break;
default:
// ...
super.onContextItemSelected(item);
break;
}

// This will likely always be true, but check it anyway, just in case
/*if (mActionMode != null) {
mActionMode.finish();
}*/
}

@Override
public void onActionModeFinished(ActionMode mode) {
mActionMode = null;
super.onActionModeFinished(mode);
System.out.println("onActionModeFinished");
}

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

<item android:id="@+id/dict_menu"
android:onClick="onContextualMenuItemClicked"
android:title="قاموس" />

<item android:id="@+id/q_menu"
android:onClick="onContextualMenuItemClicked"
android:title="اقتباس" />

<item android:id="@+id/hi_menu"
android:onClick="onContextualMenuItemClicked"
android:title="تظليل" />

</menu>


This is causing the following error:

android.view.InflateException: Couldn't resolve menu item onClick handler onContextualMenuItemClicked in class android.app.ContextImpl
08-10 09:01:21.602 4931-4931/ W/System.err: at android.view.MenuInflater$InflatedOnMenuItemClickListener.<init>(MenuInflater.java:243)
08-10 09:01:21.602 4931-4931/ W/System.err: at android.view.MenuInflater$MenuState.setItem(MenuInflater.java:464)
08-10 09:01:21.602 4931-4931/ W/System.err: at android.view.MenuInflater$MenuState.addItem(MenuInflater.java:498)
08-10 09:01:21.602 4931-4931/ W/System.err: at android.view.MenuInflater.parseMenu(MenuInflater.java:191)
08-10 09:01:21.602 4931-4931/ W/System.err: at android.view.MenuInflater.inflate(MenuInflater.java:112)
08-10 09:01:21.602 4931-4931/ W/System.err: at BookReader.onActionModeStarted(BookReader.java:3346)
08-10 09:01:21.602 4931-4931/ W/System.err: at com.android.internal.policy.DecorView.startActionMode(DecorView.java:1034)
08-10 09:01:21.602 4931-4931/ W/System.err: at com.android.internal.policy.DecorView.startActionModeForChild(DecorView.java:982)
08-10 09:01:21.602 4931-4931/ W/System.err: at android.view.ViewGroup.startActionModeForChild(ViewGroup.java:828)
08-10 09:01:21.602 4931-4931/ W/System.err: at android.view.ViewGroup.startActionModeForChild(ViewGroup.java:828)
08-10 09:01:21.602 4931-4931/ W/System.err: at android.view.ViewGroup.startActionModeForChild(ViewGroup.java:828)
08-10 09:01:21.603 4931-4931/ W/System.err: at android.view.ViewGroup.startActionModeForChild(ViewGroup.java:828)
08-10 09:01:21.603 4931-4931/ W/System.err: at android.view.View.startActionMode(View.java:6398)
08-10 09:01:21.603 4931-4931/ W/System.err: at org.chromium.content.browser.SelectionPopupController.showActionModeOrClearOnFailure(SelectionPopupController.java:45)
08-10 09:01:21.603 4931-4931/ W/System.err: at org.chromium.content.browser.ContentViewCore.onSelectionEvent(ContentViewCore.java:579)
08-10 09:01:21.603 4931-4931/ W/System.err: at org.chromium.base.SystemMessageHandler.nativeDoRunLoopOnce(Native Method)
08-10 09:01:21.603 4931-4931/ W/System.err: at org.chromium.base.SystemMessageHandler.handleMessage(SystemMessageHandler.java:7)
08-10 09:01:21.603 4931-4931/ W/System.err: at android.os.Handler.dispatchMessage(Handler.java:102)
08-10 09:01:21.603 4931-4931/ W/System.err: at android.os.Looper.loop(Looper.java:154)
08-10 09:01:21.603 4931-4931/ W/System.err: at android.app.ActivityThread.main(ActivityThread.java:6692)
08-10 09:01:21.603 4931-4931/ W/System.err: at java.lang.reflect.Method.invoke(Native Method)
08-10 09:01:21.603 4931-4931/ W/System.err: at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1468)
08-10 09:01:21.603 4931-4931/ W/System.err: at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1358)
08-10 09:01:21.603 4931-4931/ W/System.err: Caused by: java.lang.NoSuchMethodException: onContextualMenuItemClicked [interface android.view.MenuItem]
08-10 09:01:21.603 4931-4931/ W/System.err: at java.lang.Class.getMethod(Class.java:1981)
08-10 09:01:21.603 4931-4931/ W/System.err: at java.lang.Class.getMethod(Class.java:1637)
08-10 09:01:21.603 4931-4931/ W/System.err: at android.view.MenuInflater$InflatedOnMenuItemClickListener.<init>(MenuInflater.java:241)
08-10 09:01:21.603 4931-4931/ W/System.err: ... 22 more
08-10 09:01:21.604 4931-4931/ A/chromium: [FATAL:jni_android.cc(243)] Please include Java exception stack in crash report


Kindly if there is any code missing, or any info that is ambiguous, let me know to clarify it, thank you for your assistance.

Answer Source

Update

Somehow I missed that you were talking about the context menu inside a WebView. My answer below is correct as long as you're talking about a TextView, but it's not really applicable to your actual question. Still, I don't feel like I should delete it since it might help someone who is working with TextView instead of WebView.

As for how to solve this for WebView, it is actually much simpler. In whichever activity is hosting your WebView, override onActionModeStarted(), manipulate the menu items, and assign listeners to each. An example:

@Override
public void onActionModeStarted(ActionMode mode) {
    super.onActionModeStarted(mode);

    MenuInflater menuInflater = mode.getMenuInflater();
    Menu menu = mode.getMenu();

    menu.clear();
    menuInflater.inflate(R.menu.menu_custom, menu);

    menu.findItem(R.id.custom_one).setOnMenuItemClickListener(new ToastMenuItemListener(this, mode, "One!"));
    menu.findItem(R.id.custom_two).setOnMenuItemClickListener(new ToastMenuItemListener(this, mode, "Two!"));
    menu.findItem(R.id.custom_three).setOnMenuItemClickListener(new ToastMenuItemListener(this, mode, "Three!"));
}

private static class ToastMenuItemListener implements MenuItem.OnMenuItemClickListener {

    private final Context context;
    private final ActionMode actionMode;
    private final String text;

    private ToastMenuItemListener(Context context, ActionMode actionMode, String text) {
        this.context = context;
        this.actionMode = actionMode;
        this.text = text;
    }

    @Override
    public boolean onMenuItemClick(MenuItem item) {
        Toast.makeText(context, text, Toast.LENGTH_SHORT).show();
        actionMode.finish();
        return true;
    }
}

Original

If you want to control the contextual menu that pops up when you long press on a TextView, you can use TextView.setCustomSelectionActionModeCallback().

Documentation: https://developer.android.com/reference/android/widget/TextView.html#setCustomSelectionActionModeCallback(android.view.ActionMode.Callback)

I put together a very simple app to demonstrate how to use this feature.

MainActivity.java

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        TextView text = (TextView) findViewById(R.id.text);

        CustomActionModeCallback callback = new CustomActionModeCallback(this);
        text.setCustomSelectionActionModeCallback(callback);
    }
}

activity_main.xml

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="16dp"
        android:text="@string/lorem_ipsum"
        android:textIsSelectable="true"/>

</FrameLayout>

CustomActionModeCallback.java

public class CustomActionModeCallback implements ActionMode.Callback {

    private final Context context;

    public CustomActionModeCallback(Context context) {
        this.context = context;
    }

    @Override
    public boolean onCreateActionMode(ActionMode mode, Menu menu) {
        menu.clear();
        mode.getMenuInflater().inflate(R.menu.menu_custom, menu);
        return true;
    }

    @Override
    public boolean onPrepareActionMode(ActionMode mode, Menu menu) {
        return false;
    }

    @Override
    public boolean onActionItemClicked(ActionMode mode, MenuItem item) {
        if (item.getItemId() == R.id.custom_one) {
            Toast.makeText(context, "One!", Toast.LENGTH_SHORT).show();
            mode.finish();
            return true;
        }
        else if (item.getItemId() == R.id.custom_two) {
            Toast.makeText(context, "Two!", Toast.LENGTH_SHORT).show();
            mode.finish();
            return true;
        }
        else if (item.getItemId() == R.id.custom_three) {
            Toast.makeText(context, "Three!", Toast.LENGTH_SHORT).show();
            mode.finish();
            return true;
        }

        return false;
    }

    @Override
    public void onDestroyActionMode(ActionMode mode) {

    }
}

menu_custom.xml

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

    <item
        android:id="@+id/custom_one"
        android:title="One"
        app:showAsAction="never"/>

    <item
        android:id="@+id/custom_two"
        android:title="Two"
        app:showAsAction="never"/>

    <item
        android:id="@+id/custom_three"
        android:title="Three"
        app:showAsAction="never"/>

</menu>

Nothing much to comment on in MainActivity or either xml file. All the magic happens in CustomActionModeCallback.

Both onCreateActionMode() and onPrepareActionMode() can be used to add your custom menu items to the menu. If you use onCreateActionMode(), the system will add some extra options into an overflow menu, like this:

enter image description here enter image description here

If you use onPrepareActionMode(), the extra items won't be added.

enter image description here

Note that you must return true from onCreateActionMode() no matter what (returning false causes the menu to not be displayed), but you only have to return true from onPrepareActionMode() if you've actually modified the menu.

You can handle the user's clicks on your custom items inside onActionItemClicked(). In my example, I simply show a Toast and then close the contextual menu (using ActionMode.finish()). In this method, you should return true only on menu items that you handle yourself; returning false allows the system default action to happen (such as if you want to give the user the option to select all text).

Finally, onDestroyActionMode() is called when the menu is closed. Perhaps you have some use for this; I did not.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download