Xml 中的 Android 翻转图像

我想在 xml 中翻转按钮的背景图像。我已经看到了如何做到这一点的例子，但它是程序化的方式: http://xjaphx.wordpress.com/2011/06/26/image-processing-image-flipping-mirroring。 无论如何，我有一个 xml 文件(button _ left _ state.xml) ，如下所示:

<?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>

但这段代码只是将图像旋转180度。 是否可以在 xml 中翻转图像？

64932 次浏览
小开
最佳答案

我通过使用 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>
小开

使用 ImageView 中的 scale 属性

android:scaleX="-1" //To flip horizontally or
android:scaleY="-1" //To flip vertically
小开

这里有一个非常简短易懂的解决方案。

把这个添加到 image 视图:

 android:rotationY="180"

这将水平地翻转图像视图(左 <-> 右)。

垂直方向，这样写:

android:rotationX="180"

例如:

<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>

结果(图像来自 我创建的 JNI 库，可以通过 JNI 做到这一点) :

enter image description here

小开

Answer by @lewis-mcgeary link - 原答案链接: https://stackoverflow.com/a/43783080/4075178 是最简单和不言而喻的。

This code is for fliping horizontally.

 <vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportHeight="24"
android:viewportWidth="24">


<group
android:name="rotationGroup"
android:pivotX="12"
android:scaleX="-1" >


<path
android:fillColor="#FFFFFF"
android:pathData="M15,14C17.67,14 23,15.33 23,18V20H7V18C7,15.33 12.33,14 15,14M15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12M5,9.59L7.12,7.46L8.54,8.88L6.41,11L8.54,13.12L7.12,14.54L5,12.41L2.88,14.54L1.46,13.12L3.59,11L1.46,8.88L2.88,7.46L5,9.59Z" />
</group>

如果你需要垂直翻转, 使用

<group android:pivotY ="half of viewPortHeight"
android:ScaleY =" -1">

提交答案