ToggleButtonイメージはアスペクト比を維持しません

Question

2つのトグルボタンはアスペクト比を維持しません。どうすれば正方形にすることができますか？それは幅を埋めるべきではなく、内容を包むだけです。

  <LinearLayout 
       android:layout_width="50dp" 
       android:layout_height="50dp" 
       android:layout_marginTop="24dp" 
       android:orientation="horizontal"> 

       <ToggleButton 
        android:id="@+id/btn1" 
        android:layout_width="50dp" 
        android:layout_height="50dp" 
        android:layout_weight="1" 
        android:textOff="" 
        android:scaleType="centerCrop" 
        android:textOn="" 
        android:layout_margin="8dp" 
        android:background="@drawable/feedback_btn_selector" 
        /> 

       <ToggleButton 
        android:id="@+id/btn2" 
        android:layout_width="50dp" 
        android:layout_height="50dp" 
        android:layout_weight="1" 
        android:scaleType="centerCrop" 
        android:layout_margin="8dp" 
        android:background="@drawable/feedback_btn_selector" /> 
      </LinearLayout> 

feedback_btn_selector

<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item android:state_checked="true" android:state_pressed="true" android:drawable="@drawable/btn_average" /> 
    <item android:state_pressed="true" android:drawable="@drawable/btn_average"/> 
    <item android:state_checked="true" android:drawable="@drawable/btn_average"/> 
    <item android:drawable="@drawable/btn_average_selected"/> 
</selector> 

描画可能-xhdpi：

Answer 1

どちらかあなたが好きな画像の小さなサイズを作ることができます固定サイズのToggleButtonにしてください。

Answer 2

は、このコードを試してみてください。

<LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="24dp" 
     android:orientation="horizontal"> 

     <ToggleButton 
      android:id="@+id/btn1" 
      android:layout_width="50dp" 
      android:layout_height="50dp" 
      android:textOff="" 
      android:scaleType="centerCrop" 
      android:textOn="" 
      android:layout_margin="8dp" 
      android:background="@drawable/feedback_btn_selector" 
      /> 

     <ToggleButton 
      android:id="@+id/btn2" 
      android:layout_width="50dp" 
      android:layout_height="50dp" 
      android:scaleType="centerCrop" 
      android:layout_margin="8dp" 
      android:background="@drawable/feedback_btn_selector" /> 
    </LinearLayout> 

Answer 3

正解：

<LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="24dp" 
     android:orientation="horizontal" 
        android:gravity="center_horizontal"> 

     <ToggleButton 
      android:id="@+id/btn1" 
      android:layout_width="50dp" 
      android:layout_height="50dp" 
      android:textOff="" 
      android:scaleType="centerCrop" 
      android:textOn="" 
      android:layout_margin="8dp" 
      android:background="@drawable/feedback_btn_selector" 
      /> 

     <ToggleButton 
      android:id="@+id/btn2" 
      android:layout_width="50dp" 
      android:layout_height="50dp" 
      android:scaleType="centerCrop" 
      android:layout_margin="8dp" 
      android:background="@drawable/feedback_btn_selector" /> 
    </LinearLayout>