在ActionBar项目下方显示工具提示

时间:2015-08-31 11:17:59

标签: android android-actionbar android-toolbar

我尝试了很多但是却找不到任何简单的解决方案。基本上我想在ActionBar项下面显示一个工具提示气球。

Reference Image

2 个答案:

答案 0 :(得分:3)

方法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

方法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);
}
}

答案 1 :(得分:0)

请在此处查看答案how to display ToolTip in android?

长话短说 - 您可以将Toast用于此目的(与ActionBar一样)。这是准备好的实用程序类来执行CheatSheet

相关问题