Градиентный фон, который не масштабируется - PullRequest
Новая
       16

Градиентный фон, который не масштабируется

3 голосов
/ 13 марта 2012

Мне нужно создать градиент высотой 230dp (т. Е. Не весь экран), а остальная часть экрана будет сплошным цветом. Я не могу понять, как это сделать - все, что я пытаюсь, заканчивается градиентом, расширяющимся, чтобы заполнить весь экран. Мой текущий XML выглядит так: 

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

    <item android:top="230dp">
        <shape android:shape="rectangle" >
            <color android:color="#333333" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <gradient
                android:angle="270"
                android:endColor="#333333"
                android:startColor="#D9D9D9"
                android:type="linear" />

            <size android:height="230dp" />
        </shape>
    </item>

</layer-list>

Затем я применяю это рисование в качестве фона к моей LinearLayout в XML: 

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

        <!-- a bunch of content, buttons, etc. -->

    </LinearLayout>
</LinearLayout>

Но градиент расширяется, чтобы заполнить весь экран.

Я пытался использовать PNG для фона, но я получаю проблемы с полосами, описанные здесь , и исправления мне пока не помогли.

Ответы [ 4 ]

3 голосов
/ 13 марта 2012
  1. Используйте RelativeLayout вместо LinearLayout
  2. Вместо использования вашего градиента в качестве фона основного контейнера макета, добавьте дочерний View, явно задайте высоту равной нужному размеру (230dp), и установите фон этого вида на ваш градиент.
1 голос
/ 27 июля 2018

Если ваш проект не требует API <21, вы можете установить размер вашего градиента непосредственно в вашей отрисовке, например: </p> 

 <item android:height="230dp">
    <shape android:shape="rectangle" >
        <gradient
            android:angle="270"
            android:endColor="#333333"
            android:startColor="#D9D9D9"
            android:type="linear" />
    </shape>
</item>

В любом случае, чтобы поддерживать API <21 без этого поведения, выможет добавить этот drawable, а затем еще один drawable с тем же именем в drawable-v21, но без android: height = "230dp". <br>Настройка высоты в градиентном теге или размере действительно не работает.

1 голос
/ 13 марта 2012

Что-то вроде этого может вам помочь:) 

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

Проблема, с которой вы столкнулись, заключалась в том, что ваш макет имел высоту fill_parent.

Надеюсь, это поможет вам.

Удачи, Аркде

0 голосов
/ 13 марта 2012

Вот мое решение с использованием других ответов: 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#333333" >

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="230dp"
        android:background="@drawable/grey_gradient_bg"
        android:layout_alignParentTop="true" />

    <LinearLayout
        android:id="@+id/container"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical"
        android:layout_alignParentTop="true" >

    <!-- all the content -->
    </RelativeLayout>
</RelativeLayout>

grey_gradient_bg теперь просто: 

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

    <gradient
        android:angle="270"
        android:endColor="#333333"
        android:startColor="#D9D9D9"
        android:type="linear" />

</shape>
...