Wie Sie ein unscharfer Schlagschatten auf eine Schaltfläche?

Muss ich hinzufügen, verschwommen, Schatten auf meinem button:

Wie Sie ein unscharfer Schlagschatten auf eine Schaltfläche?

Habe ich versucht zu erstellen hintergrund mit layer-Liste xml-drawable, aber es nicht sieht aus wie blur.

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

    <!-- Drop Shadow Stack -->
    <item>
        <shape>
            <corners android:radius="45dp" />
            <padding
                android:bottom="2dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />

            <stroke
                android:width="6dp"
                android:color="#007879E8" />

        </shape>
    </item>
    //////  10 more items
        <item>
        <shape>
            <corners android:radius="45dp" />
            <padding
                android:bottom="2dp"
                android:left="1dp"
                android:right="1dp"
                android:top="1dp" />

            <stroke
                android:width="6dp"
                android:color="#177879E8" />


        </shape>
    </item>

    <!-- Background -->
    <item>
        <shape>
            <corners android:radius="45dp" />
            <stroke
                android:width="2dp"
                android:color="@color/main_purple_text_color" />
        </shape>
    </item>

</layer-list>

Auch habe ich versucht zu verwenden hintergrund-element hinter der Schaltfläche mit blured png aber es nutzt zu viele Ressourcen und kann ich nicht erstellen selector-ändern Sie hintergrund zu schweben, oder klicken Sie auf.

Brauche ich, um eine einzige hintergrund-Datei für die Schaltfläche, und verwenden Sie Auswahl, um die änderung Unschärfe und Farbverlauf auf hover/Klick.
Irgendwelche Ideen, wie eine solche Wirkung mit dem Android SDK ?

UPDATE 1

Dank an alle für die Antworten, aber ich bin nicht zu Fragen, wie schaffen Verlauf. Ich habe dies bereits getan. Ich brauche erstellen unscharfer Schlagschatten.

Sie waren in der Lage zu tun, in einer besseren Art und Weise? danke.

InformationsquelleAutor Vlad Morzhanov | 2017-12-06

  1. 11

    Gut fand ich die Lösung: wir müssen erstellen 9.png mit unscharfer Schlagschatten über diese generator und übergeben es an drawable layer-Liste enthalten button-hintergrund-Verlauf:

    <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/blurred_9_path_png" />
    <item>
        <shape android:shape="rectangle" android:padding="10dp">
            <corners android:radius="45dp" />
            <gradient
                android:angle="45"
                android:endColor="@color/facebook_btn_fill_grad2"
                android:startColor="@color/facebook_btn_fill_grad1"
                android:type="linear" />
            <padding
                android:bottom="0dp"
                android:left="0dp"
                android:right="0dp"
                android:top="0dp" />
        </shape>
    </item>

</layer-list>

    Nach, wir können solche drawables mit verschiedenen 9.Pfad verschwommene Schatten zu erstellen selector.

    was Optionen, die Sie in der website?

    InformationsquelleAutor Vlad Morzhanov

  2. 0

    Können Sie es Graident

    <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<gradient 
    android:startColor="#6586F0"
    android:centerColor="#D6D6D6"
    android:endColor="#4B6CD6"
    android:angle="90"/>
<corners 
    android:radius="0dp"/>

    InformationsquelleAutor Shivam Oberoi

  3. 0

    Wie Sie ein unscharfer Schlagschatten auf eine Schaltfläche?

    Erstellen Sie ein drawable "round_corner.xml"

    <?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape>
        <gradient
            android:angle="360"
            android:startColor="#8A88F3"
            android:endColor="#B96AE8"
            android:type="linear" />

        <corners android:bottomLeftRadius="24dp"
            android:bottomRightRadius="24dp"
            android:topLeftRadius="24dp" android:topRightRadius="24dp" />
    </shape>
</item>
</selector>

    in der Aktivität legen Sie eine Schaltfläche in xml

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:orientation="vertical">

    <Button
        android:id="@+id/btn_language_select_save"
        android:layout_width="wrap_content"
        android:layout_height="60dp"
        android:layout_centerInParent="true"
        android:layout_marginTop="20dp"
        android:background="@drawable/round_corner_spiner"
        android:paddingLeft="130dp"
        android:paddingRight="130dp"
        android:text="Vlad[enter image description here][1]"
        android:textColor="@android:color/white"
        android:textSize="20sp"
        android:visibility="visible" />
</RelativeLayout>

    Hilfreich links

    Hoffe, dies hilft Ihnen

    InformationsquelleAutor InsaneCat

  4. 0

    Wie Sie ein unscharfer Schlagschatten auf eine Schaltfläche?

    Erstellen drawable shadow.xml Datei

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">

<solid android:color="#E3D5FC" />
<corners
    android:radius="20dp"/>
<padding
    android:bottom="1dp"
    android:left="1dp"
    android:right="1dp"
    android:top="1dp" >
</padding>

    Erstellen einer anderen drawable background.xml Datei

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

<item android:drawable="@drawable/shadow" />
<item>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <gradient
            android:angle="0"
            android:centerColor="#9E7CEF"
            android:endColor="#B070EB"
            android:startColor="#8989F4" />
        <corners android:radius="22dp" />
        <size android:height="40dp"/>
    </shape>
</item>

    und verwenden Sie diese Datei im xml als unten.

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">

<Button
    android:id="@+id/img_save"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/background"
    android:gravity="center"
    android:text="BUTTON"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:textColor="@android:color/white"
    android:layout_centerInParent="true"/>
</RelativeLayout>

    Hoffe, es Hilft.

    Danke, aber es nicht sieht verschwommen.
    zum hinzufügen von Schatten wie blur-Ansicht Sie können Hintergrundbild hinzufügen genau, wie Wirkung.

    InformationsquelleAutor Dharmishtha

  5. 0

    Füge ich diese als hintergrund drawable (graue Schatten):

    <!-- Drop Shadow Stack -->
<item>
    <shape>
        <padding
            android:bottom="1dp"
            android:left="1dp"
            android:right="1dp"
            android:top="1dp" />
        <solid android:color="#1f000000" />
        <corners android:radius="30dp" />
    </shape>
</item>
<item>
    <shape>
        <padding
            android:bottom="1dp"
            android:left="1dp"
            android:right="1dp"
            android:top="1dp" />
        <solid android:color="#2f000000" />
        <corners android:radius="30dp" />
    </shape>
</item>
<item>
    <shape>
        <padding
            android:bottom="1dp"
            android:left="1dp"
            android:right="1dp"
            android:top="1dp" />
        <solid android:color="#3f000000" />
        <corners android:radius="30dp" />
    </shape>
</item>

<!-- Background -->
<item>
    <shape>
        <solid android:color="@android:color/white" />
        <corners android:radius="30dp" />
    </shape>
</item>

    Sorgt für die Höhe/Breite/Polsterung von textview groß genug, um enthält vor Schatten 3dp (1dp+1dp+1dp für alle Farben aus #3f000000 bis #1f000000).

    InformationsquelleAutor 林果皞

Schreibe einen Kommentar