是否可以在 xml 描述中旋转可绘制对象？

Question

我正在创建一个应用程序，其资源可重复使用（因为按钮始终相同，但镜像或旋转）。我确实想使用相同的资源，因此我不必再添加 3 个与原始资源完全相同但已旋转的资源。但我也不想将代码与可以在 XML 中声明的内容混合在一起，或者使用会花费处理时间的矩阵进行转换。

我有一个在 XML 中声明的两状态按钮。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
          android:drawable="@drawable/and_card_details_button_down_left_onclick" /> <!-- pressed -->
    <item android:drawable="@drawable/and_card_details_button_down_left" /> <!-- default -->
</selector>

我想重用drawable，因为它是相同的，但旋转了90º和45º，我将按钮分配给drawable。

<Button android:id="@+id/Details_Buttons_Top_Left_Button"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@drawable/details_menu_large_button" />

我知道我可以用RotateDrawable 或Matrix 旋转它，但正如我已经解释过的，我不喜欢这种方法。

是否可以直接在 XML 上实现，或者您认为最好的方法是什么？把所有资源除了轮换，在代码里轮换？

--- 编辑 --- @dmaxi 的答案效果很好，这就是如何将它与项目列表结合起来:)

<?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="90"
        android:toDegrees="90"
        android:pivotX="50%"
        android:pivotY="50%"
        android:drawable="@drawable/and_card_details_button_up_onclick"/>
    </item>

    <item>
        <rotate
        android:fromDegrees="90"
        android:toDegrees="90"
        android:pivotX="50%"
        android:pivotY="50%"
        android:drawable="@drawable/and_card_details_button_up_onclick"/>
    </item>

</selector>

Answer 1

我可以在 XML 中rotate：

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android" 
        android:fromDegrees="90"
        android:toDegrees="90"
        android:pivotX="50%"
        android:pivotY="50%"
        android:drawable="@drawable/mainmenu_background">
</rotate>

fromDegrees 很重要。

基本上这是在 XML 中定义的旋转动画。使用fromDegrees，您可以定义初始旋转状态。 toDegrees 是动画序列中可绘制对象的最终旋转状态，但如果您不想使用动画，则可以是任何值。

我不认为它为动画分配资源，因为它不必作为动画加载。作为一个可绘制对象，它以其初始状态呈现，应放在drawable 资源文件夹中。 要将它用作动画，您应该将它放在anim 资源文件夹中，并且可以像这样启动动画（只是一个示例）：

Animation rotation = AnimationUtils.loadAnimation(this, R.anim.rotation);
rotation.setRepeatCount(Animation.INFINITE);
myView.startAnimation(rotation);

Answer 2

我可以将 XML 中的左箭头向右旋转为：

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="180"
    android:toDegrees="0"
    android:drawable="@drawable/left">
</rotate>

附上图片供参考。

Answer 3

如果使用基于矢量的可绘制对象，结合 ImageView、样式和颜色状态列表，您的按钮可以重构如下：

注意：矢量可绘制对象明显小于图像，因此额外的显式定义不会产生太多开销，并且可以生成清晰、显式的代码（尽管我已经阅读了手动修改矢量资源应该避免，我宁愿处理更新几个文件的开销而不是对一个文件进行转换）：

注意：Android Studio 是矢量资产的绝佳来源。

res\values\styles.xml

<!--ImageView-->
<style name="Details_Buttons_Top_Left_Button">
  <item name="android:layout_width">match_parent</item>
  <item name="android:layout_height">match_parent</item>    
  <item name="android:tint">@color/button_csl</item>    
</style>

res\color\button_csl.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">  
  <item android:state_enabled="false" android:color="@color/grey_disabled"/>
  <item android:state_pressed="true" android:color="@color/orange_hilite"/>
  <item android:color="@color/black"/>  
</selector>

details_menu_large_button.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:state_pressed="true"
        android:drawable="@drawable/and_card_details_button_down_left_onclick" /> <!-- pressed -->
  <item android:drawable="@drawable/and_card_details_button_down_left" /> <!-- default -->
</selector>

Details_Buttons_Top_Left_Button

<ImageView android:id="@+id/Details_Buttons_Top_Left_Button"
           style="@style/Details_Buttons_Top_Left_Button"
           android:src="@drawable/details_menu_large_button" />

and_card_details_button_down_left.xml (ic_play_arrow_black_24dp.xml)

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="24dp"
        android:height="24dp"
        android:viewportWidth="24.0"
        android:viewportHeight="24.0">  
  <path
        android:fillColor="#FF000000"
        android:pathData="M8,5v14l11,-7z"/>

</vector>

and_card_details_button_down_left_onclick.xml（修改了ic_play_arrow_black_24dp.xml）

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="24dp"
        android:height="24dp"
        android:viewportWidth="24.0"
        android:viewportHeight="24.0">
  <group android:name="rotationGroup"
         android:pivotX="12"
         android:pivotY="12"
         android:rotation="90" >
    <path
          android:fillColor="#FF000000"
          android:pathData="M8,5v14l11,-7z"/>
  </group>
</vector>

Answer 4

如果你想在xml 文件中绘制rotation，那么只需在ImageView 中添加android:rotation="180"

<ImageView
    android:id="@+id/imageview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_dropdown"
    android:rotation="180"/>

以编程方式

val image = findViewById(R.id.imageview)
image.rotation = 180f