2017-07-23 80 views
0

我需要有一個按鈕系列與內部文本和圖標。 4個按鈕內的圖標必須旋轉以覆蓋每個聚合物。Android可拖動按鈕內部旋轉

按照兩個按鈕的示例,其中頂部是用原始(矢量繪製)圖標和「左」按鈕旋轉矢量創建的。

 <Button 
      style="@style/Buttons.Small" 
      android:drawableLeft="@drawable/ic_vertical_align_top_white_12dp" 
      android:text="@string/optional" /> 

     <Button 
      style="@style/Buttons.Small" 
      android:drawableLeft="@drawable/arrow_left" 
      android:text="@string/optional" /> 

矢量繪製: ic_vertical_align_top_white_12dp

<?xml version="1.0" encoding="UTF-8" standalone="no"?> 
<vector xmlns:android="http://schemas.android.com/apk/res/android" 
    android:width="12dp" 
    android:height="12dp" 
    android:viewportHeight="24.0" 
    android:viewportWidth="24.0"> 
    <path 
     android:fillColor="#FFFFFF" 
     android:pathData="M8,11h3v10h2V11h3l-4,-4 -4,4zM4,3v2h16V3H4z" />  
</vector> 

的旋轉抽拉: arrow_left.xml

<?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/ic_vertical_align_top_white_12dp"> 
</rotate> 

風格

<style name="Buttons.Small"> 
    <item name="android:layout_width">wrap_content</item> 
    <item name="android:layout_height">wrap_content</item> 
    <item name="android:background">@color/buttonSmallBackground</item> 
    <item name="android:layout_margin">2dp</item> 
    <item name="android:minHeight">0dp</item> 
    <item name="android:minWidth">0dp</item> 
    <item name="android:textSize">12sp</item> 
    <item name="android:drawablePadding">4dp</item> 
    <item name="android:paddingLeft">4dp</item> 
    <item name="android:paddingRight">4dp</item> 
</style> 

而結果

牛軋糖(PERFECT)

enter image description here

棉花糖(WRONG)

enter image description here

我alrea以下dy試圖與矢量viewport一起玩,但沒有成功。

謝謝

回答

0

我解決了一個把戲。 直接應用矢量內的旋轉。

現在arrow_left.xml成爲

<?xml version="1.0" encoding="UTF-8" standalone="no"?> 
<vector xmlns:android="http://schemas.android.com/apk/res/android" 
    android:width="12dp" 
    android:height="12dp" 
    android:viewportHeight="24.0" 
    android:viewportWidth="24.0"> 
    <group android:rotation="-90" 
     android:pivotX="12" 
     android:pivotY="12"> 
     <path 
      android:fillColor="#FFFFFF" 
      android:pathData="M8,11h3v10h2V11h3l-4,-4 -4,4zM4,3v2h16V3H4z" /> 
    </group> 
</vector> 

我不知道爲什麼在棉花糖轉動不正常工作,但這種解決我的情況。

謝謝