MenuItem上的Android工具提示

我正在尝试在MenuItem上显示工具提示.

我正在使用这个库:从这个Maven存储库编译’com.github.xizzhu:simple-tool-tip:0.5.0’:maven {url“https://jitpack.io”}.
我正在获取MenuItem的视图,将其用作ToolTip的锚点,但它在toolTipView.show()方法中启动了nullPointerException.
当我调试应用程序时,查看项目是正确的.
如果我用浮动按钮fab替换View项目,它可以完美地工作.

在某些时候,它工作,但ToolTip位置错误,它出现在屏幕的左上角,而不是右侧位置,它位于View项目的底部.

注意:我在OnCreateOptionsMenu()中创建ToolTip,因为OnViewCreated()在此方法之前运行,所以我必须在那里执行.

这是它发生的地方,如果你需要任何其他代码我可以上传它.

菜单:

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

    <item
        android:id="@+id/action_settings"
        tooltipproto:actionViewClass="android.widget.ImageButton"
        android:title="@string/action_settings"
        tooltipproto:showAsAction="always" />

</menu>

分段:

package com.tooltipproto;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v4.app.Fragment;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;

import com.github.xizzhu.simpletooltip.ToolTip;
import com.github.xizzhu.simpletooltip.ToolTipView;

public class ShowFragment extends Fragment{

    View item;
    FloatingActionButton fab;

    public ShowFragment(){
    }

    @Override
    public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
        super.onCreateOptionsMenu(menu, inflater);
        inflater.inflate(R.menu.menu_main, menu);
        MenuItem menuItem = menu.findItem(R.id.action_settings);
        item = menuItem.getActionView();

        ToolTip toolTip = new ToolTip.Builder()
                .withText("Simple Tool Tip!")
                .withTextSize(50)
                .withPadding(10,10,10,10)
                .withCornerRadius(10)
                .build();
        final ToolTipView toolTipView = new ToolTipView.Builder(getActivity())
                .withAnchor(item)
                .withToolTip(toolTip)
                .withGravity(Gravity.BOTTOM)
                .build();
        toolTipView.show();
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup parent, Bundle savedInstanceState) {
        // Defines the xml file for the fragment
        setHasOptionsMenu(true);
        fab = (FloatingActionButton) getActivity().findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
        setHasOptionsMenu(true);
        return inflater.inflate(R.layout.fragment, parent, false);
    }


}

解决方法:

方法1:

首先创建自定义工具栏

工具提示库链接Visit

activity_login.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:banner="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:background="@mipmap/background"
tools:context="com.and.postanads.LoginActivity">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:text="SKIP"
            android:textColor="#FFFFFF"
            android:textStyle="bold"
            android:fontFamily="sans-serif"
            android:id="@+id/txt_skip"
            android:layout_marginRight="15dp"
            android:layout_gravity="right"/>

    </android.support.v7.widget.Toolbar>

</android.support.design.widget.AppBarLayout>

LoginActivity.java

public class LoginActivity extends AppCompatActivity implements Tooltip.Callback {


private Tooltip.ClosePolicy mClosePolicy = Tooltip.ClosePolicy.TOUCH_ANYWHERE_CONSUME;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_login);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    Tooltip.dbg = true;

    TextView textView = (TextView)findViewById(R.id.txt_skip);
    Tooltip.make(this, new Tooltip.Builder(101)
                .anchor(textView, Tooltip.Gravity.BOTTOM)
                .closePolicy(mClosePolicy, 5000)
                .text("Tooltip on a TabLayout child...Tooltip on a TabLayout child...")
                .withStyleId(R.style.ToolTipLayoutDefaultStyle_CustomFont)
                .fadeDuration(200)
                .fitToScreen(true)
                .activateDelay(2000)
                .withCallback(this)
                .floatingAnimation(Tooltip.AnimationBuilder.DEFAULT)
                .showDelay(400)
                .build()
        ).show();
    }
}

Sample image

方法2:

使用Menu_item

menu_login.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
    android:id="@+id/menu_skip"
    android:orderInCategory="100"
    android:title="Skip"
    app:showAsAction="always"/>
</menu>

LoginActivity.java

public class LoginActivity extends AppCompatActivity implements Tooltip.Callback {
private Tooltip.ClosePolicy mClosePolicy = Tooltip.ClosePolicy.TOUCH_ANYWHERE_CONSUME;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_login);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    Tooltip.dbg = true;
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_login, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    int id = item.getItemId();
    if (id == R.id.menu_skip) {
        View view = findViewById(R.id.menu_skip);
        Tooltip.make(this, new Tooltip.Builder(101)
                .anchor(view, Tooltip.Gravity.BOTTOM)
                .closePolicy(mClosePolicy, 5000)
                .text("Tooltip on a TabLayout child...Tooltip on a TabLayout child...")
                .fadeDuration(200)
                .fitToScreen(true)
                .activateDelay(2000)
                .withCallback(this)
                .floatingAnimation(Tooltip.AnimationBuilder.DEFAULT)
                .showDelay(400)
                .build()
        ).show();
        return true;
    }
    return super.onOptionsItemSelected(item);
}
}
上一篇:您可以将鼠标悬停在Javascript / CSS工具提示上并单击


下一篇:javascript-具有动态内容的jQuery UI工具提示