Show tooltip below ActionBar elements

Question

I searched a lot, but did not find a simple solution for this. Basically, I want to show the tool-tip balloon below the ActionBar .

Answer 1

Method 1:

First create a custom toolbar

Link to tooltip library

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(); } } 

Example

Method 2:

Using 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); } } 

Answer 2

See the answer here how to display the prompt in android?

In short - you can use Toast for this purpose (just like an ActionBar does). Here is a ready-made utility class to do this CheatSheet