studio - tooltip android github

Android PopupWindow con la información sobre herramientas Arrow

Question

He visto muchas preguntas sobre cómo eliminar el borde de una Ventana emergente pasando nulo o nuevo Drawable () a setBackgroundDrawable (). Estoy teniendo el problema opuesto. Quiero un borde alrededor de mi ventana emergente, preferiblemente con una flecha emergente que apunta a mi ancla. Actualmente, mi ventana emergente no tiene borde. Intenté ajustar los márgenes, el fondo en el xml, el ancho y el alto del diseño, la vista de lista y las filas de la vista de lista en vano. ¿Puede alguien ayudarme a conseguir un borde y una imagen en la parte superior? Estoy tratando de seguir con el SDK de Android con esto.

popup_menu_list.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >
<com.github.jeremiemartinez.refreshlistview.RefreshListView
android:id="@+id/popup_menu_list_listview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@color/color_white" />
</LinearLayout>

Java

private void displayPopupMenu() {
LayoutInflater layoutInflater = getLayoutInflater();
View popupView = layoutInflater.inflate(R.layout.popup_menu_list, null);
final PopupWindow popupWindow = new PopupWindow(popupView, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
RefreshListView myListView = (RefreshListView) popupView.findViewById(R.id.popup_menu_list_listview);
mAdapter = new myAdapter(this, getAdapterData());
myListView.setAdapter(mAdapter);
popupWindow.showAsDropDown(mMyAnchor);
}

Acabo de tomar estos como ejemplos, pero quiero algo como esto en el que la ventana emergente apunta al ancla:

Pero obtengo algo como esto:

Answer 1

Hay muchas bibliotecas y códigos disponibles en Market. Los enlaces se dan a continuación:

Este es el patrón de UI QuickAction. Echa un vistazo a:

1. QuickAction-Dialog

2. Quick-action-pattern-in-Android

3. Popups de ayuda de Chrome Style

Otra alternativa sería "super-tooltips":

https://github.com/nhaarman/supertooltips

Aquí hay una demostración de esto:

https://play.google.com/store/apps/details?id=com.haarman.supertooltips

Desde ese primer enlace / ejemplo se ve la imagen de abajo. Estas son solo demos, pero puedes personalizarlas según tus necesidades.

Answer 2

Puede crear su propia información sobre herramientas personalizada utilizando solo xml. Escribí una demostración https://github.com/nidhinek/android-tooltip basada en PopupWindow

Answer 3

Si está buscando una biblioteca simple, he creado una basada en PopupWindow.

https://github.com/douglasjunior/android-simple-tooltip

Answer 4

Simplemente puede usar PopupWindow con vista con fondo de vector:

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="20dp"
android:viewportHeight="162"
android:viewportWidth="196">
<path
android:fillColor="@color/black"
android:pathData="M0 26.9917C0 12.0846 12.09433 0 26.99583 0L169.0042 0C183.9136 0 196 12.09104 196 26.9917L196 100.0083C196 114.9154 183.9057 127 169.0042 127L124 127L98.5 162L73 127L26.99583 127C12.08644 127 0 114.909 0 100.0083L0 26.9917" />
</vector>