es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo crear un drawable para el fondo de una pantalla de inicio a partir de 2 colores?

20 Jul, 2023 Programación

Estoy tratando de crear un fondo para una pantalla de presentación con 2 colores diferentes, uno encima del otro, cada uno exactamente la mitad de la pantalla, como se muestra aquí:

2 colores en fondo de pantalla completa

He intentado lo siguiente, pero no funciona en todos los dispositivos debido al tamaño especificado.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#abc123"></solid>
        </shape>
    </item>
    <item android:top="436dp">
        <shape android:shape="rectangle">
            <solid android:color="#456def"></solid>
        </shape>
    </item>
</layer-list>

¿Alguien sabe si existe alguna forma de crear ese fondo de dibujo en pantalla completa?

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para crear un fondo para una pantalla de inicio con 2 colores diferentes, cada uno ocupando exactamente la mitad de la pantalla, puedes utilizar un drawable layer-list con dos elementos. El primer elemento tendrá una altura del 50% y el segundo elemento tendrá un atributo top establecido en 50% para comenzar desde la mitad de la pantalla. Aquí tienes un ejemplo:

    <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:height="50%">
        <shape android:shape="rectangle">
            <solid android:color="#abc123"></solid>
        </shape>
    </item>
    <item android:top="50%">
        <shape android:shape="rectangle">
            <solid android:color="#456def"></solid>
        </shape>
    </item>
</layer-list>

    Este código establece la altura del primer elemento al 50% de la pantalla y el atributo top del segundo elemento al 50% de la pantalla, comenzando desde la mitad.

    Ten en cuenta que este enfoque debería funcionar en todos los dispositivos, independientemente del tamaño de la pantalla, ya que se adapta al tamaño de la misma.

Comments are closed.