Einstellung der FloatingActionButton ripple

Ich versuche, um die FloatingActionButton ripple, um etwas ähnliches zu diese

Vom Material design.

Das problem ist, dass ich nur eine "Flat style", wo es keine "Wellen", es ändert nur den button aus, in meinem Fall, weiß zu orange, ohne die animation gezeigt, in dem link oben.

Ich habe die Antwort hier:

FloatingActionButton Beispiel mit Unterstützung der Bibliothek

aber meine FAB noch langweilig ist!

BEARBEITEN:
Mein aktuelle code:
XML:

  <android.support.design.widget.FloatingActionButton
     android:id="@+id/item_activity_fab"
     android:layout_width="64dp"
     android:layout_height="64dp"
     android:layout_marginRight="16dp"
     android:src="@drawable/watch"
     app:borderWidth="0dp"
     app:elevation="6dp"
     app:fabSize="normal"
     app:layout_anchor="@id/item_activity_title_background"
     app:layout_anchorGravity="top|right|end"
     app:pressedTranslationZ="12dp"
     app:rippleColor="@android:color/transparent"/>

Java:

    mAddToWatchListFAB.setRippleColor(ContextCompat.getColor(this, R.color.orange_6));

Habe ich versucht, die Methode auf die FAB aber es schien nicht zu funktionieren. Ich habe auch versucht, die Schritte in dem link, den ich zur Verfügung gestellt

veröffentlichen Sie Ihren code.
Ich denke, das hat damit zu tun, dass es ein pre-lollipop-Gerät im Test auf. Ich lud Genymotion und lief marshmellow und die Restwelligkeit funktioniert es. Ich sehe etwas, über das es nicht vollständig umgesetzt
ok. Ich nahm an, Sie wurden mit mindestens marshmallow als Sie versuchten, Sie zu verwenden, eine Welle, die war eingeführt in dieser version.
gibt es keine Möglichkeit, mithilfe AppCompat oder etwas vorstellen die welligkeit von mehr als 16
versuchen Suche. Ich fand das stackoverflow.com/questions/30760822/...

InformationsquelleAutor x10sion | 2016-04-14

33

fügen Sie folgende 2 Eigenschaften, um Ihrem floating-action-button xml-code
```
 app:rippleColor="@color/textcolor"
 android:clickable="true"
```
machen FAB anklickbar fügt ripple Farbe
- Danke Mann, den Sie rettete meinen Stunden, das ist das, was ich suchte.
- Ihr herzlich willkommen 🙂
- Sie sollten auch die android:focusable="true" Attribut
InformationsquelleAutor Usman Iqbal
4

Sie implementieren können, in der Art sagte mein Gabriele Mariotti
Können Sie etwas wie das hier tun:
```
<Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="@drawable/ripple"

    />
```
Wo die ripple.xml ist:
```
<ripple xmlns:android="http://schemas.android.com/apk/res/android" 
                      android:color="?android:colorControlHighlight">
        <item android:id="@android:id/mask">
            <shape android:shape="oval">
                <solid android:color="?android:colorAccent" />
            </shape>
        </item>
 </ripple>
```
wie gesagt in hier die anwenden können für alle welligkeit muss.

UPDATE
```
<android.support.design.widget.FloatingActionButton
     android:id="@+id/item_activity_fab"
     android:layout_width="64dp"
     android:layout_height="64dp"
     android:layout_marginRight="16dp"
     android:src="@drawable/watch"
     android:background="@drawable/ripple"
     app:borderWidth="0dp"
     app:elevation="6dp"
     app:fabSize="normal"
     app:layout_anchor="@id/item_activity_title_background"
     app:layout_anchorGravity="top|right|end"
     app:pressedTranslationZ="12dp"/>
```
Und verwenden Sie die oben genannten ripple.xml. So einfach ist das! Alles, was Sie tun müssen, ist die Maske 🙂

UPDATE 2

API 20 und weniger, gibt Es Optionen zur Umsetzung ripple-Effekt. Schauen Sie sich die folgenden Tipps gesagt Marcin Orlowski

Zum Glück gibt es einige benutzerdefinierte Implementierungen bereits zur Verfügung:
einschließlich Materlial Themen-widget-sets kompatibel mit älteren Versionen von Android:
- https://github.com/keithellis/MaterialWidget
so können Sie versuchen, eine dieser oder google nach anderen "material " widgets" oder so...
- Meine aktuellen min ist 16, diese funktioniert nicht, da die Antwort u geschrieben ist für 21 min. EG <item android:id="@android:id/mask"> erfordert 21
- Aktualisiert Sie requier @x10sion
- der Letzte link scheint nicht zu funktionieren? ich will versuchen, dass man
- versuchen Sie, erste !! ThT funktionieren sollte
- Der Letzte ist für API 7 oder weniger.. sollte Man zuerst versuchen eine
InformationsquelleAutor Sibidharan
1

Statt mit transparenten, versuchen Sie es mit:
```
app:rippleColor="@color/colorAccentLight"
```
wo colorAccentLight ist ein heller Akzent in Ihrer aktuellen Akzentfarbe. In meinem Fall, die ich verwendet habe:
```
<color name="colorAccent">#E040FB</color>
<color name="colorAccentLight">#E1BEE7</color>
```
in der colors.xml Datei... Oder, können Sie immer legen Sie es auf einige andere zufällige Farbe (einer anderen als Ihrem aktuellen Akzentfarbe) für Testzwecke.

InformationsquelleAutor DaveNOTDavid
0

Ihre ripple Farbe ist transparent. Ich erwarte Ihre Kräuselung zeigen, normalerweise aber so wie es ist unsichtbar, Sie können es nicht sehen.

Finden Sie diese Antwort für eine Lösung.

Android: Sie können eine Signalwirkung, deren default-Zustand ist die Farbe transparent ist?

InformationsquelleAutor Kuffs

    <!--change this to any color-->
    app:rippleColor="@android:color/transparent"

    <!-- try this line instead above -->
    app:rippleColor="@color/colorPrimary"
    android:clickable="true"

InformationsquelleAutor user3607151

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.