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>