Saltar al contenido

Cómo hacer un fondo degradado en Android

Solución:

Los ejemplos visuales ayudan con este tipo de preguntas.

Calderería

Para crear un degradado, crea un archivo xml en res / drawable. Estoy llamando mio my_gradient_drawable.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:type="linear"
        android:angle="0"
        android:startColor="#f6ee19"
        android:endColor="#115ede" />
</shape>

Lo pones en el fondo de alguna vista. Por ejemplo:

<View
    android:layout_width="200dp"
    android:layout_height="100dp"
    android:background="@drawable/my_gradient_drawable"/>

tipo = “lineal”

Selecciona el angle para linear escribe. Debe ser un múltiplo de 45 grados.

<gradient
    android:type="linear"
    android:angle="0"
    android:startColor="#f6ee19"
    android:endColor="#115ede" />

ingrese la descripción de la imagen aquí

type = “radial”

Selecciona el gradientRadius para radial escribe. Utilizando %p significa que es un porcentaje de la dimensión más pequeña del padre.

<gradient
    android:type="radial"
    android:gradientRadius="10%p"
    android:startColor="#f6ee19"
    android:endColor="#115ede" />

ingrese la descripción de la imagen aquí

type = “sweep”

No sé por qué alguien usaría un barrido, pero lo incluyo para completar. No pude averiguar cómo cambiar el ángulo, así que solo incluyo una imagen.

<gradient
    android:type="sweep"
    android:startColor="#f6ee19"
    android:endColor="#115ede" />

ingrese la descripción de la imagen aquí

centrar

También puede cambiar el centro de los tipos de barrido o radial. Los valores son fracciones del ancho y alto. También puedes usar %p notación.

android:centerX="0.2"
android:centerY="0.7"

ingrese la descripción de la imagen aquí

Prueba con esto:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >

    <gradient
        android:angle="90"
        android:centerColor="#555994"
        android:endColor="#b5b6d2"
        android:startColor="#555994"
        android:type="linear" />

    <corners 
        android:radius="0dp"/>

</shape>

Puede crear este aspecto de ‘medio degradado’ utilizando una lista de capas xml para combinar las ‘bandas’ superior e inferior en un solo archivo. Cada banda tiene una forma XML.

Consulte esta respuesta anterior sobre SO para obtener un tutorial detallado: formas de degradado múltiple.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

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