android - paletas - ¿Cómo posicionar el fondo degradado radial?

paletas de colores android studio

Question

¿Cómo puedo colocar una forma de degradado radial como fondo en un LinearLayout? Aquí está lo que actualmente tengo:

La forma :

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:endColor="#e6e6e6"
        android:gradientRadius="800"
        android:startColor="#fafaf9"
        android:type="radial"/>
</shape>

El LinearLayout:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" 
    android:background="@drawable/accueil_bg_gradient">
</LinearLayout>

Solo quiero que mi gradiente comience en la esquina superior izquierda de la pantalla y termine en la esquina inferior derecha.

Muchas gracias !

Answer 1

Puede mover la mitad del degradado radial en una posición diferente del dibujable utilizando los atributos "centerX" y "centerY" del degradado. Son valores de punto flotante que van de 0 a 1.0 donde (valores de centerX, centerY en consecuencia) 0,0 es la esquina superior izquierda y 1,1 es la esquina inferior derecha.

El valor predeterminado es 0.5,0.5, que es la mitad del espacio que se puede dibujar / asignar. Ejemplo para un gradiente de blanco y negro de 100 px (radio), cuyo punto medio comienza en la esquina superior izquierda sería:

    <shape android:shape="rectangle">
        <gradient
            android:type="radial"
            android:startColor="#ffffff"
            android:endColor="#000000"
            android:gradientRadius="100"
            android:angle="270"
            android:centerX="0"
            android:centerY="0"/>

    </shape>

Answer 2

configúralo como fondo mybackground.xml:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape android:shape="rectangle" android:layout_width="wrap_content">
            <stroke android:width="10dp" android:color="@color/darkBlue" />
            <solid android:color="#00000000" />
            <padding android:left="1dp" android:top="1dp" android:right="1dp"
                android:bottom="1dp" />
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle">
            <gradient android:startColor="@color/grayBlue"
                android:endColor="@color/lightBlue" android:angle="270"
                android:centerColor="@color/lightBlue" />
            <!-- border width and color -->
            <stroke android:width="1dp" android:color="#FFDDDDDD" />
            <padding android:left="10dp" android:top="8dp" android:right="10dp"
                android:bottom="8dp" />
        </shape>
    </item>

</layer-list>