Botón Android personalización Ejemplo

En este tutorial, vamos a aprender sobre botón de personalización decir Cómo mostrar un botón normal en los diferentes aspectos como formas, colores ?

Button es un widget en el Android lleva a cabo eventos de clic en el formulario decir class para enviar los datos en la base de datos o para iniciar / cerrar algunas operaciones, se está utilizando el botón. Hay diferentes tipos de botón de widgets disponibles en Android como el botón Normal, imagen del botón, botón de radio, casillas de verificación y botón Cambiar.

1) Botón normal

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout >:android="http://schemas.android.com/apk/res/android"
>:app="http://schemas.android.com/apk/res-auto"
>:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.faraz.buttoncustomization_example.MainActivity">
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
tools:layout_editor_absoluteX="148dp"
tools:layout_editor_absoluteY="131dp" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
tools:layout_editor_absoluteX="148dp"
tools:layout_editor_absoluteY="231dp" />
</android.support.constraint.ConstraintLayout>

salida

2) Imagen de fondo del botón

1) Añadir esta línea de código antiguo

 android_background="@drawable/yourimage"

2) eliminar esta línea de código antiguo

 android_text="Button"

código for:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout >:android="http://schemas.android.com/apk/res/android"
>:app="http://schemas.android.com/apk/res-auto"
>:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.faraz.buttoncustomization_example.MainActivity">
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
tools:layout_editor_absoluteX="148dp"
tools:layout_editor_absoluteY="131dp" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/your_image"
tools:layout_editor_absoluteX="148dp"
tools:layout_editor_absoluteY="231dp" />
</android.support.constraint.ConstraintLayout>

salida – El nombre del botón, se oculta y la imagen se mostrará en lugar del nombre del botón

3) cambiar el color del botón

Forma se cambia de rectángulo para ovalada.

<selector >:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="oval">
<size android:width="100dp"
android:height="100dp"/>
<solid android:color="#59d5fe"/>
</shape>
</item>
</selector>

salida

4) Botón de la esquina redonda

<?xml version="1.0" encoding="utf-8"?>
<selector >:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<solid android:color="#DEB887"/>
<stroke android:color="#8A2BE2" android:width="2dp" />
<corners android:radius="15dp" />
</shape>
</item>
</selector>

salida


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *