Android - flip image en xml

Je veux retourner une image pour le bouton de l'arrière-plan en xml. J'ai vu l'exemple de comment le faire, mais c'était par programmation façon: http://xjaphx.wordpress.com/2011/06/26/image-processing-image-flipping-mirroring.
De toute façon, j'ai un fichier xml (button_left_state.xml) comme ci-dessous :

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">  
<item android:state_pressed="true" >
    <rotate android:fromDegrees="180.0" android:toDegrees="180.0" 
    android:pivotX="50%" android:pivotY="50%" android:drawable="@drawable/buttonrightpressed" />    
</item>    

<item>
  <rotate android:fromDegrees="180.0" android:toDegrees="0.0" 
    android:pivotX="50%" android:pivotY="50%" android:drawable="@drawable/buttonright"/>
</item>   
</selector>

Mais ce code juste faire pivoter l'image de 180 degrés.
Est-il possible d'inverser l'image en xml?

  • avez-vous essayé de faire de mon lien ?
  • Un peu de chance sur ce point? Je suis en cours d'exécution dans la même situation. J'ai un Bouton qui est une Flèche avec un Dégradé. J'ai retourné de sorte que la flèche est en face de l'autre sens, à peu près à l'aide de la même <tourner> code. Cependant, maintenant, mon dégradé est à l'envers.
  • Voir ci-dessous. J'ai posté la réponse.
InformationsquelleAutor Nolesh | 2012-02-18
  1. 239

    Utiliser les attributs d'échelle dans ImageView

    android:scaleX="-1" //To flip horizontally or
android:scaleY="-1" //To flip vertically
    • C'est de loin la plus simple, la solution de travail.
    • min de l'api est de 11 🙁
    • Ne montre pas que le travail dans l'aperçu, mais fonctionne sur l'appareil, merci
    • C'est tellement élégant, m'a aidé à réparer RTL la mise en miroir de problème sur une asymétrie en arrière-plan du widget.
    • Veuillez vérifier la solution: stackoverflow.com/a/35602746/878126
    • Aussi inverse le contenu (si une mise en page)
    • l'ombre est également inversé. Si vous l'utilisez dans FAB, l'ombre apparaît au-dessus

    InformationsquelleAutor Tommaso Resti
  2. 21

    Voici un très court et facile à comprendre de la solution.

    Ajoutez à cela l'imageView:

     android:rotationX="180"

    Cela va retourner la imageView horizontalement (gauche<->droite).

    Verticalement, mettez ceci:

    android:rotationY="180"

    Exemple:

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="vertical" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="original image:"/>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/test"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="flip horizontally :"/>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:rotationY="180"
        android:src="@drawable/test"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="flip vertically:"/>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:rotationX="180"
        android:src="@drawable/test"/>

</LinearLayout>

    Et le résultat (image prise à partir d'un JNI bibliothèque que j'ai fait, qui peut le faire via JNI) :

    Android - flip image en xml

    • cela ne fonctionne que pour le symétrique d'images. la rotation n'est pas égal à retournement/mise en miroir une image!!
    • Mise à jour de la réponse, y compris la capture d'écran. Notez que cela fonctionne
    • cool, je ne savais pas que l'on peut faire pivoter sur l'axe 3D. merci pour l'effort
    InformationsquelleAutor android developer
  3. 12

    - Je résoudre mon problème en utilisant layer-list:

    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item >
        <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
            <item>
                <shape android:shape="rectangle">
                    <gradient android:startColor="#9f9" android:centerColor="#000"
                        android:endColor="#0f0" android:angle="-90" />
                    <stroke android:width="1.0px" android:color="#444" />
                    <corners android:bottomRightRadius="7dip"
                        android:bottomLeftRadius="0.1dp"
                        android:topLeftRadius="0.1dp"
                        android:topRightRadius="7dip"/>
                </shape>
            </item>
            <item>
                <rotate android:fromDegrees="180.0" android:toDegrees="180.0"
                    android:pivotX="50%" android:pivotY="50%" android:drawable="@drawable/arrow_right" />
            </item>
        </layer-list>
    </item>
</selector>
    • tout d'abord, jetez un oeil à la réponse dates. Le meilleur a été donné après presque un an que j'avais posté ma question.
    • Il semble que vous acceptez que stackoverflow.com/a/20565940/461982 serait la accepté de répondre, s'il avait été accordé, avant l'acceptation de votre propre, de sorte que c'est une bonne information pour les futurs lecteurs.
    InformationsquelleAutor Nolesh