Gibt es eine Möglichkeit zu tun, ein Material, Stil, Schatten in der API - < 21 (5.0 Lollipop)?

Material design macht einen großen Schwerpunkt auf die Metapher des "Blatt Papier". Um diese Schatten sind unerlässlich. Da das Material design ist eine Philosophie und nicht eine API (trotz es seiend gebaut in L), sollte dies überall (Windows Forms, HTML/CSS, etc.). Wie mache ich das in der Android API 14 bis 20?

Beachten Sie, dass fertige PNGs nicht wirklich sein, dass praktisch für die Kreis-und andere nicht-quadratische Formen.

Sie könnte es zeichnen sich.
wie würde ich tun?
hoffen wir, dass die Kompatibilitäts-Bibliothek wird einige dieser Funktionen
prüfen Sie das Bibliothek
wenn Sie denken, dass eine Antwort auf meine Frage, und poste es als Antwort statt eines Kommentars :3

InformationsquelleAutor Supuhstar | 2014-07-22

13

Wenn Sie nicht besorgt über die Abwärtskompatibilität Vergangenheit Lollipop, können Sie die Höhe-Attribut direkt in der XML -
```
    android:elevation="10dp"
```
Sonst müssen Sie es in Java mit der Unterstützung.v4.ViewCompat Bibliothek.
```
    ViewCompat.setElevation(myView, 10);
```
und fügen Sie diese an Ihr zu bauen.gradle
```
    compile 'com.android.support:support-v4:21.+'
```
http://developer.android.com/reference/android/support/v4/view/ViewCompat.html#setElevation(android.view.View,%20float)
- Warum? Ist dies in der standard-Android-API 20? Wie funktioniert es?
- Ich habe etwas mehr Forschung und bearbeitet meine Antwort ist, dass mehr hilfreich jetzt?
- Sehr schön! Vielen Dank für diese, ich könnte sogar in der Zukunft!
- Warum sollte das so sein, in Bezug auf die Einstellung von xml oder java? Ich verstehe nicht, warum dies funktioniert nicht aus xml...:(
InformationsquelleAutor Ethan
4

Rendern von Schatten auf pre-Lollipop ist nicht einfach, aber möglich. Der trick ist, dass ein Schatten ist einfach eine schwarze, blured Form einer Ansicht. Sie können dies tun, indem Sie sich.
1. Zeichnen schattenwurf mit Blick auf eine bitmap mit LightingColorFilter(0,0) gesetzt
2. Verwischen Sie es mit ScriptIntrisincBlur
3. Zeichnen Sie die Form
4. Zeichnen Sie die Ansicht auf die Oberseite der Form
Sounds lika eine Menge code zu schreiben, aber es funktioniert für alle Fälle, so können Sie leicht decken alle Ihre Ansichten.
- Schöne Lösung! Ich wünschte, es gäbe einen Weg, es zu tun, ohne Java, damit es nicht eine chance, das überspringen der Effekt (crash, früh zurückkehren, Verzweigung Anweisung, etc.)
- Danke! Für meine Implementierung finden Sie unter: github.com/ZieIony/Carbon
InformationsquelleAutor Zielony

hier ist nur ein grobes Beispiel ...

<?xml version="1.0" encoding="utf-8"?>

<!-- Drop Shadow Stack -->
<item>
    <shape android:shape="oval">
        <corners android:radius="64dp"/>
        <solid android:color="#009A3D"/>
        <size
            android:width="64dp"
            android:height="64dp"/>
        <padding
            android:top="1dp"
            android:right="1dp"
            android:bottom="1dp"
            android:left="1dp"/>
        <solid android:color="#00CCCCCC"/>
    </shape>
</item>
<item>
    <shape android:shape="oval">
        <corners android:radius="64dp"/>
        <solid android:color="#009A3D"/>
        <size
            android:width="64dp"
            android:height="64dp"/>
        <padding
            android:top="1dp"
            android:right="1dp"
            android:bottom="1dp"
            android:left="1dp"/>
        <solid android:color="#10CCCCCC"/>
    </shape>
</item>
<item>
    <shape android:shape="oval">
        <corners android:radius="64dp"/>
        <solid android:color="#009A3D"/>
        <size
            android:width="64dp"
            android:height="64dp"/>
        <padding
            android:top="1dp"
            android:right="1dp"
            android:bottom="1dp"
            android:left="1dp"/>
        <solid android:color="#20CCCCCC"/>
    </shape>
</item>
<item>
    <shape android:shape="oval">
        <corners android:radius="64dp"/>
        <solid android:color="#009A3D"/>
        <size
            android:width="64dp"
            android:height="64dp"/>
        <padding
            android:top="1dp"
            android:right="1dp"
            android:bottom="1dp"
            android:left="1dp"/>
        <solid android:color="#30CCCCCC"/>
    </shape>
</item>
<item>
    <shape android:shape="oval">
        <corners android:radius="64dp"/>
        <solid android:color="#009A3D"/>
        <size
            android:width="64dp"
            android:height="64dp"/>
        <padding
            android:top="1dp"
            android:right="1dp"
            android:bottom="1dp"
            android:left="1dp"/>
        <solid android:color="#50CCCCCC"/>
    </shape>

</item>

<!-- Background -->
<item>
    <shape android:shape="oval">

        <corners android:radius="64dp"/>
        <solid android:color="#009A3D"/>
        <size
            android:width="64dp"
            android:height="64dp"/>
    </shape>
</item>

In Ihre layout-Datei, die Sie verwenden können, ...

<Button
        android:id="@+id/add_btn"

        android:text="+"
        android:textColor="#FFFDFC"
        android:textSize="44sp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginRight="50dp"
        android:layout_marginBottom="40dp"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:clickable="true"
        android:enabled="true"
        android:singleLine="false"
        android:layout_alignParentTop="false"
        android:background="@drawable/round_button"/>

Interessant... funktioniert das für Formen wie Sterne?
Dies ist eine ausgezeichnete Lösung. Danke!
link ist tot, jim

InformationsquelleAutor ChristianMEC

1

Den floating action button (mit Schatten) können emuliert werden, auf alten Plattformen mit einer einfachen java-Klasse.

Bin ich mit Faiz Malkani version hier: https://github.com/FaizMalkani/FloatingActionButton

[Beachten Sie, dass, um es kompatibel zurück zu Gingerbread, die Sie benötigen, um einige SDK-version, die überprüft, um die Animationen und Transparenz-Aufrufe in seinem code.]
- würde das funktionieren für beliebige Formen? (Rechtecke, abgerundete Rechtecke, Sterne, etc.)
InformationsquelleAutor Alchete

Können Sie die Verwendung von android.Unterstützung.v7.- widget.CardView.

Ist vielleicht nicht die perfekte Lösung aber für mich ist die Arbeit auf das, was ich will. So, zum Beispiel, das ist der trick, mit dem ich meine app ... auf eine rechteckige Form, und ich bin erfreut über das Ergebnis.

private View.OnTouchListener touch = new View.OnTouchListener() {

    @Override
    public boolean onTouch(View v, MotionEvent event) {

        final android.support.v7.widget.CardView card_view = (android.support.v7.widget.CardView) ((View) v.getParent()).findViewById(R.id.card_view);


        switch (event.getAction()) {

            case MotionEvent.ACTION_DOWN:

                card_view.setCardElevation(6);
                card_view.setScaleX(1.007f);
                card_view.setScaleY(1.007f);
                break;
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:

                card_view.setCardElevation(3);
                card_view.setScaleX(1f);
                card_view.setScaleY(1f);
                break;
        }
        return false;
    }
};

In der xml-Datei, die ich benutze:

<android.support.v7.widget.CardView
xmlns:card_view="http://schemas.android.com/apk/res-auto"

android:id="@+id/card_view"
android:layout_width="match_parent"
android:layout_height="match_parent"

card_view:cardCornerRadius="2dp"
card_view:cardMaxElevation="6dp"
card_view:cardElevation="3dp">

vielleicht erhöht, dass die-Ecke-radius geben könnte, uns einen Kreis!
das habe ich versucht ... aber leider wird es nur ein fast-Kreis ...es ist ein ovaler
soooo legen Sie die Größe so wie es ein Quadrat 😛

InformationsquelleAutor ChristianMEC

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.