77 votes

attribut d'angle dans le gradient androïde

Je vais à travers l'exemple de test. Où, pour certains fonds d’image qu’ils utilisent en dégradé, le code va comme ceci

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


  <shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#ff0000"
        android:centerColor="#00ff00"
        android:endColor="#0000ff"
        android:angle="180"/>
    <corners android:radius="5dp" />
   </shape>
 

dans le code XML ci-dessus, je n'ai pas obtenu l'attribut angle . mais quand je change la valeur de angle légèrement le motif s'incline. Quelqu'un peut-il m'expliquer comment cela fonctionne exactement ........... :)

171voto

karn Points 2442

Gradient représente essentiellement la variation dans l'espace(dans une direction) de n'importe quelle quantité. Avec la couleur, il représente la variation de l'intensité de la couleur dans une direction représentée par l'angle. Ici sont quelques-uns des diagrammes pour représenter ce concept:
enter image description here

Ici, la figure montre la variation de couleur dans la direction horizontale(angle est définie à 0).
Code XML:

    <shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#000000"
        android:angle="0"/>
   </shape>

enter image description here

Ici, la figure montre la variation de couleur dans la direction horizontale(angle est de 90).
Code XML:

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
    android:startColor="#000000"
    android:angle="90"/>
 </shape>

Vous pouvez également utiliser différentes couleurs comme début, au centre et à la fin de couleurs. Le code que vous avez joint contient tous ces éléments.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X