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
Atributos |
Descripción |
---|---|
.establecer relación de ancho() | Úselo para mostrar el ancho de la ventana emergente de acuerdo con la proporción del tamaño de la pantalla horizontal. |
.showAlignBottom() | Úselo para mostrar una ventana emergente en la parte inferior. |
.despedir() | Úselo para descartar la ventana emergente después de que se haya mostrado. |
.establecerMargen() | Úselo para dar margen desde todos los lados. |
.setIsVisibleArrow() | Úselo para mostrar la flecha. |
.establecerPosiciónFlecha() | Úselo para establecer la posición de la flecha en la ventana emergente. |
.setArrowOrientation() | Úselo para establecer la orientación de la ventana emergente. |
.establecerTexto() | Úselo para mostrar Texto. |
.setTextColor() | Úselo para mostrar el color del texto. |
.setHeight() | Úselo para dar altura a la ventana emergente. |
.establecerRadioEsquina() | Úselo para hacer pop up redondeado desde todos los lados. |
.setBalloonAnimation() | Úselo para dar animación para que aparezca. |
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
<?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.
Java
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:
Publicación traducida automáticamente
Artículo escrito por chinmaymunje96 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA