Android 按钮背景图片大小

Question

I created a personal keyboard and set the background image to the one of the buttons, but after that button size (with my background) is different from one another.

<Button
    android:id="@+id/buttonShift"
    android:paddingTop="0dip"
    android:textSize="22sp"
    android:layout_height="match_parent"
    android:layout_width="0dp"
    android:layout_weight="1"
    android:textStyle="bold" />

Set background:

<Button
    android:id="@+id/buttonShift"
    android:background="@drawable/sym_keyboard_shift_off"
    android:paddingTop="0dip"
    android:textSize="22sp"
    android:layout_height="match_parent"
    android:layout_width="0dp"
    android:layout_weight="1"
    android:textStyle="bold" />

Please, see the screen of the buttons

Before:

After:

Image size: 106x68

Answer 1

I would advise you to:

1. Change your drawable a bit - remove the orange rectangle background, keep only the arrow with transparent background (from now on I will use the name shift_off_arrow as a name of described drawable). The transparent background should be only as big as it is needed to keep the whole arrow. Not bigger.

2. Define a new color - the color of your orange background (from this moment I will assume you have defined it and I will be using name orange_background )

3. Use ImageButton instead of Button (just like satnam singh and Hamid Shatu said in a comments to your question)

4. Use code like this (manipulate with all paddings to get the size of the arrow exactly like you want):

<ImageButton
    android:id="@+id/buttonShift"
    android:background="@color/orange_background"
    android:src="@drawable/shift_off_arrow"
    android:paddingTop="0dip"
    android:layout_height="match_parent"
    android:layout_width="0dp"
    android:layout_weight="1" />