Vermeiden Sie Welleneffekte, kombinieren Sie Farben [duplizieren]
Dec 18 2020
Ich habe ein einfaches Programm, das den Ripple-Effekt mit diesem Code verwendet ( von hier aus bearbeitet ):
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#0000ff"><!--blue-->
<item android:id="@android:id/mask">
<shape android:shape="rectangle">
<solid android:color="#0000ff" /><!--blue-->
<corners android:radius="20dp" />
</shape>
</item>
<item android:id="@android:id/background">
<shape android:shape="rectangle">
<solid android:color="#ff0000"/><!--red-->
<corners android:radius="20dp" />
</shape>
</item>
</ripple>
Alles funktioniert gut, aber ich möchte, dass die Welligkeitsfarbe (blau) über der Hintergrundfarbe (rot) liegt und nicht mit ihr zu lila kombiniert wird.
BILDSCHIRMFOTO:
vor:

in Bearbeitung:

nach:

was ich sein möchte nach:

Wie kann man das erreichen?
Danke im Voraus.
Antworten
MohammedAlaa Dec 18 2020 at 01:27
Ich habe es ein bisschen bearbeitet. Sie können dieses Beispiel ausprobieren
<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
android:color="#0000ff">
<item>
<selector>
<item android:state_pressed="true">
<shape android:shape="rectangle">
<solid android:color="@android:color/transparent"/>
<corners android:radius="20dp" />
</shape>
</item>
<item android:state_pressed="false">
<shape android:shape="rectangle">
<solid android:color="#ff0000"/>
<corners android:radius="20dp" />
</shape>
</item>
</selector>
</item>
<item android:id="@android:id/mask">
<shape android:shape="rectangle">
<solid android:color="#0000ff" />
<corners android:radius="20dp" />
</shape>
</item>
</ripple>