web-dev-qa-db-fra.com

Android couleur d'arrière-plan ondulée

J'utilise un effet d'entraînement sur mon tiroir de navigation. Je l'ai défini comme ceci et l'ai appliqué à mon ListView:

<selector xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <item Android:state_activated="true" Android:drawable="@color/black_200" />

    <item Android:state_pressed="true" Android:color="@color/black_200">
        <ripple Android:color="@color/black_400" />
    </item>

    <item Android:drawable="@color/white" />
</selector>

Je veux que le fond ondulé reste le même que l'état activé normal. Même lorsque je définis la couleur comme étant identique à l'état activé, elle s'assombrit et la bulle d'ondulation devient encore plus sombre. Comment puis-je colorer l'arrière-plan pour qu'il soit identique à l'état activé et que la bulle d'ondulation soit la couleur que je lui ai dite?

androidandroid-activityandroid-listviewnavigation-drawerrippledrawable
38
qwertz

Vous pouvez contrôler la couleur du RippleDrawable en procédant comme suit:

RippleDrawable rippleDrawable = (RippleDrawable)view.getBackground(); // assumes bg is a RippleDrawable

int[][] states = new int[][] { new int[] { Android.R.attr.state_enabled} };
int[] colors = new int[] { Color.BLUE }; // sets the ripple color to blue

ColorStateList colorStateList = new ColorStateList(states, colors);
rippleDrawable.setColor(colorStateList);

Ou, via XML:

<?xml version="1.0" encoding="utf-8"?>
<ripple
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:color="#FFFF0000"> <!-- The ripple will be red -->

    <!-- the normal bg color will be light grey -->
    <item>
        <color Android:color="#FFDDDDDD" />
    </item>

    <!-- make sure the ripple doesn't exceed the bounds -->
    <item Android:id="@Android:id/mask">
        <shape Android:shape="rectangle">
            <solid Android:color="?android:colorAccent" />
        </shape>
    </item>
</ripple>

MODIFIER

Après avoir vu la réponse de @ i.shadrin ci-dessous, je dois admettre que c'est une approche beaucoup plus simple (en utilisant des styles). Si c'est une option pour vous, je le recommanderais.

47
Gil Moshayof

C'est beaucoup plus facile à faire avec les styles:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
   ...
   <item name="colorControlHighlight">@color/ripple_material_dark</item>
   ...
</style>
66
i.shadrin

ajoutez ces deux lignes de code à l'intérieur de votre vue pour donner un effet d'entraînement. 

Android:clickable="true"
Android:background="?attr/selectableItemBackground"
13
Abdul Rizwan

Si vous utilisez la couleur du bouton personnalisé, utilisez le code ci-dessous pour un effet d'entraînement. Enregistrez le fichier en dessinable avec le nom my_ripple.xml et mis en arrière-plan du bouton.

 <?xml version="1.0" encoding="utf-8"?>
 <ripple xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:too`enter code here`ls="http://schemas.Android.com/tools"
    Android:color="@color/ripple_color"
    tools:targetApi="Lollipop">
    <item Android:id="@Android:id/mask">
     <shape Android:shape="rectangle">
        <solid Android:color="@color/ripple_color"
            />
    </shape>
  </item>
  <item
    Android:id="@Android:id/background"
    Android:drawable="@color/button_color" />
 </ripple>
2
Maraj Hussain

Un exemple d'ondulation à utiliser avec un sélecteur au niveau de l'API 21 et au-dessus

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:Android="http://schemas.Android.com/apk/res/Android"
        Android:color="?attr/colorControlHighlight">

    <!-- ripple mask -->
    <item Android:id="@+id/mask">
        <color Android:color="@Android:color/white"/>
    </item>

    <!-- background shape or color -->
    <item Android:drawable="@drawable/rectangle_rounded_steel_blue"/>

</ripple>
1
dgngulcan