programacion - curso android desarrollo de aplicaciones móviles pdf

Android: cambie el texto del botón y el color de fondo

Question

¿Cómo puedo cambiar el texto y los colores de fondo cuando se presiona mi botón, con xml?

Para cambiar el color del texto, puedo hacer lo siguiente:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:color="mycolor"/>
    <item android:color="mycolor2/>
</selector>

Para cambiar el fondo que puedo hacer (usándolo en un selector / elemento con referencia dibujable):

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FF0079FF" />
</shape>

¿Pero cómo puedo hacer las dos cosas? Digamos que quiero tener:

• Predeterminado: texto negro / fondo blanco
• Presionado: texto blanco / fondo azul

EDITAR: respuesta

Totalmente olvidé que el fondo y el color del texto se administran por separado, así que así es como lo hice:

<Button
    android:textColor="@color/filtersbuttoncolors"
    android:background="@drawable/mybackgroundcolors" />

En mybackgroundcolors.xml administro el fondo y en filtersbuttoncolors.xml administro el color del texto. En ambos archivos xml administro el estado (presionado, seleccionado, predeterminado)

Answer 1

Aquí hay un ejemplo de un dibujable que será blanco por defecto, negro cuando se lo presione:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <solid
                android:color="#1E669B"/>
            <stroke
                android:width="2dp"
                android:color="#1B5E91"/>
            <corners
                android:radius="6dp"/>
            <padding
                android:bottom="10dp"
                android:left="10dp"
                android:right="10dp"
                android:top="10dp"/>
        </shape>

    </item>
    <item>
        <shape>
            <gradient
                android:angle="270"
                android:endColor="#1E669B"
                android:startColor="#1E669B"/>
            <stroke
                android:width="4dp"
                android:color="#1B5E91"/>
            <corners
                android:radius="7dp"/>
            <padding
                android:bottom="10dp"
                android:left="10dp"
                android:right="10dp"
                android:top="10dp"/>
        </shape>
    </item>
</selector>

Answer 2

Creo que hacerlo de esta manera es mucho más simple:

button.setBackgroundColor(Color.BLACK);

Y necesita import android.graphics.Color; no: import android.R.color;

O simplemente puede escribir el código hexadecimal de 4 bytes (no de 3 bytes) 0xFF000000 donde el primer byte está configurando el alfa.

Answer 3

Cuando creas una aplicación, se creará un archivo llamado styles.xml en tu carpeta res / values. Si cambia los estilos, puede cambiar el fondo, el color del texto, etc. para todos sus diseños. De esta forma, no tiene que entrar en cada diseño individual y cambiarlo manualmente.

styles.xml:

<resources xmlns:android="http://schemas.android.com/apk/res/android">
<style name="Theme.AppBaseTheme" parent="@android:style/Theme.Light">
    <item name="android:editTextColor">#295055</item> 
    <item name="android:textColorPrimary">#295055</item>
    <item name="android:textColorSecondary">#295055</item>
    <item name="android:textColorTertiary">#295055</item>
    <item name="android:textColorPrimaryInverse">#295055</item>
    <item name="android:textColorSecondaryInverse">#295055</item>
    <item name="android:textColorTertiaryInverse">#295055</item>

     <item name="android:windowBackground">@drawable/custom_background</item>        
</style>

<!-- Application theme. -->
<style name="AppTheme" parent="AppBaseTheme">
    <!-- All customizations that are NOT specific to a particular API-level can go here. -->
</style>

parent="@android:style/Theme.Light" son los colores nativos de Google. Aquí hay una referencia de cuáles son los estilos nativos: https://android.googlesource.com/platform/frameworks/base/+/refs/heads/master/core/res/res/values/themes.xml

name="Theme.AppBaseTheme" significa que está creando un estilo que hereda todos los estilos de parent="@android:style/Theme.Light" . Esta parte puede ignorar a menos que desee heredar de AppBaseTheme nuevamente. = <style name="AppTheme" parent="AppBaseTheme">

@ drawable / custom_background es una imagen personalizada que coloqué en la carpeta del dibujo. Es una imagen png de 300x300.

# 295055 es un color azul oscuro.

Mi código cambia el fondo y el color del texto. Para el texto del Botón, mira a través de las páginas originales de Google (el enlace que te di más arriba).

Luego, en el Manifiesto de Android, recuerda incluir el código:

<application
android:theme="@style/Theme.AppBaseTheme">

Answer 4

Desde API nivel 21 puedes usar:

android:backgroundTint="@android:color/white"

solo tienes que agregar esto en tu xml

Answer 5

Solo complementando la respuesta de @ Jonsmoke.

Para API nivel 21 y superior, puede usar:

android:backgroundTint="@android:color/white"

en XML para el diseño del botón.

Para nivel de API inferior a 21, use un AppCompatButton usando el espacio de nombres de la aplicación en lugar de android para backgroundTint .

Por ejemplo:

<android.support.v7.widget.AppCompatButton
    android:id="@+id/my_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="My Button"
    app:backgroundTint="@android:color/white" />

Answer 6

agregue la línea siguiente en styles.xml

<style name="AppTheme.Gray" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorButtonNormal">@color/colorGray</item>
    </style>

en el botón, agregue android:theme="@style/AppTheme.Gray" , ejemplo:

<Button
            android:theme="@style/AppTheme.Gray"
            android:textColor="@color/colorWhite"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@android:string/cancel"/>