ImageButton中的图像未缩放以填充按钮

时间:2017-01-03 18:31:23

标签: android android-studio android-imagebutton

我的布局包括如下所示的ImageButton:

You can see in this picture

但是正如你所看到的,图像并没有占据ImageButton的全部大小。

这是定义ImageButton的布局文件:

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@mipmap/dashboard_profile"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginLeft="71dp"
    android:layout_marginStart="71dp"
    android:layout_marginTop="100dp"
    android:id="@+id/imageButton3"
    android:scaleType="fitXY"/>

正如您所看到的,我已经添加了android:scaleType="fitXY",但它无效。

我也尝试在Android Studio的设计模式下更改按钮大小,但它不会让我改变。

我该如何解决这些问题?

3 个答案:

答案 0 :(得分:3)

与Imageview不同,Imagebutton在图像区域周围有一个填充。这是故意的。这是因为默认按钮样式。您可以执行以下操作之一:

  • 使用无边框按钮样式作为背景 style="?android:attr/borderlessButtonStyle"

  • 将背景设为null android:background="@null"

答案 1 :(得分:0)

尝试使用android:src代替app:srcCompat

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:src="@mipmap/dashboard_profile"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginLeft="71dp"
    android:layout_marginStart="71dp"
    android:layout_marginTop="100dp"
    android:id="@+id/imageButton3"
    android:scaleType="fitXY"/>

答案 2 :(得分:0)

您可以使用此代码

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@mipmap/dashboard_profile"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginLeft="71dp"
    android:layout_marginStart="71dp"
    android:layout_marginTop="100dp"
    android:id="@+id/imageButton3"
    android:scaleType="fitXY"/>