дефинирайте горната и долната сянка за преглед

Опитвам се да създам фон чрез XML, който трябва да изглежда така:

Плътен бял фон, където градиентът е отгоре и отдолу на този изглед, за да покаже падаща сянка.

Знам, че мога да създам това само като използвам множество изгледи и създам фон с възможност за рисуване за всеки от тях, но мисля, че може да има по-добро решение за това!?

Опитах се да използвам списък със слоеве, но тъй като не мога да задам „heigh“ и/или „alignParentBottom“ или нещо подобно, алфата на градиента е твърде голяма, така че не можете да видите наистина сянка...

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- Drop Shadow Stack -->
    <item android:bottom="15dp">
        <shape>
            <gradient
                android:centerColor="#000"
                android:endColor="#0000"
                android:angle="90"/>
        </shape>
    </item>

    <!-- base background -->
    <item android:bottom="15dp" android:top="15dp">
        <shape android:shape="rectangle">
            <solid android:color="#fff"/>

        </shape>
    </item>

</layer-list>

Може би някой там има представа какво имам предвид и може би решение!?


person grumpyshoe    schedule 18.08.2014    source източник


Отговори (1)


Намерих решение да работя.

Той рисува линия отгоре и 5dp градиент отдолу.

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

    <!-- Drop Shadow Stack -->
    <item>
        <shape>
            <gradient
                android:centerColor="#D5E2ED"
                android:endColor="#0000"
                android:angle="90"/>
        </shape>
    </item>

    <item android:bottom="10dp">
        <shape>
            <padding android:top="1dp"/>
            <solid android:color="#D5E2ED"/>
        </shape>
    </item>

    <!-- base background -->
    <item android:bottom="5dp" android:top="1dp">
        <shape android:shape="rectangle">
            <solid android:color="#fff"/>
            <padding android:bottom="10dp" android:top="10dp"/>
        </shape>
    </item>

</layer-list>
person grumpyshoe    schedule 18.08.2014