¿Cómo usar la biblioteca de globos en Android?

La biblioteca de globos es otra característica popular que se usa comúnmente en la mayoría de las aplicaciones de Android. Puede ver esta función en la mayoría de las aplicaciones de compras y mensajería. Con la ayuda de esta función, puede obtener una pista sobre qué hacer a continuación en cualquier aplicación. En este artículo, vamos a ver cómo implementar la vista de globo en nuestra aplicación de Android.

Aplicación de la biblioteca de globos

• La biblioteca de globos se puede usar para mostrar sugerencias de EditText para la aplicación de mensajería de una manera atractiva.
• Se puede usar para mostrar el mensaje de brindis en una aplicación de Android.
• Ayuda al usuario sobre qué hacer a continuación en la aplicación de Android que muestra un texto de sugerencia.

Atributos de la biblioteca de globos

Implementación paso a paso

Paso 1: crear un nuevo proyecto

Cómo crear/iniciar un nuevo proyecto en Android Studio Java

Paso 2: agregue la dependencia de la biblioteca de globos en el archivo build.gradle

Luego navegue a los scripts de Gradle y luego al nivel de build.gradle (Módulo) . Agregue la siguiente línea en el archivo build.gradle en la sección de dependencias.

implementación “com.github.skydoves:balloon:1.2.9”

Ahora haga clic en Sincronizar ahora sincronizará todos sus archivos en build.gradle().

Paso 3: crea una nueva vista de globo en tu activity_main.xml

actividad_principal.xml actividad_principal.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
  
    <!--Button for showing balloon view-->
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Button"
        android:textSize="15dp"
        android:textStyle="bold" />
      
</RelativeLayout>

Paso 4: trabajar con el archivo MainActivity.java

Vaya al archivo MainActivity.java y consulte el siguiente código. A continuación se muestra el código del archivo MainActivity.java . Se agregan comentarios dentro del código para comprender el código con más detalle.

import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.widget.Button;
  
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.content.ContextCompat;
  
import com.skydoves.balloon.ArrowOrientation;
import com.skydoves.balloon.Balloon;
import com.skydoves.balloon.BalloonAnimation;
  
public class MainActivity extends AppCompatActivity {
  
    Button button;
    Balloon balloon;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        // Id for the button
        button = findViewById(R.id.button);
  
        // Balloon view created here
        balloon = new Balloon.Builder(getApplicationContext())
                .setArrowSize(10)
                .setArrowOrientation(ArrowOrientation.TOP)
                .setIsVisibleArrow(true)
                .setArrowPosition(0.3f)
                .setWidthRatio(0.6f)
                .setHeight(65)
                .setTextSize(15f)
                .setCornerRadius(4f)
                .setAlpha(0.9f)
                .setText("Hi! Geeks for Geeks.")
                .setTextColor(ContextCompat.getColor(getApplicationContext(), R.color.design_default_color_secondary))
                .setBackgroundColor(ContextCompat.getColor(getApplicationContext(), R.color.design_default_color_secondary_variant))
                .setBalloonAnimation(BalloonAnimation.FADE)
                .build();
          
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                balloon.showAlignBottom(button);
                new Handler().postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        balloon.dismiss();
                    }
                }, 2000);
            }
        });
    }
}

Producción: