Android 中的图像按钮

Question

谁能告诉我如何调整 imageButton 的大小以完全适合图像？这是我尝试过的代码，但图像放置在我使用 android:scaleType 定位的位置，但我无法减小 imageButton 的大小。请帮助我纠正这个问题。我尝试的代码是：

<ImageButton>
android:id="@+id/Button01"
android:scaleType="fitXY" // i have tried all the values for this attr
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:cropToPadding="false"
android:paddingLeft="10dp"
android:src="@drawable/eye"> // this is the image(eye)
</ImageButton>

Answer 1

android:background="@drawable/eye"

自动工作。

android:src="@drawable/eye"

这是我用来解决调整图像大小、按钮的宽度和高度的所有问题的方法......

Answer 2

您正在使用属性“src”设置图像，

android:src="@drawable/eye">

请使用“background”属性而不是“src”属性：

android:background="@drawable/eye"

例如：

<ImageButton
  android:id="@+id/Button01"
  android:scaleType="fitXY" 
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:cropToPadding="false"
  android:paddingLeft="10dp"
  android:background="@drawable/eye"> // this is the image(eye)
</ImageButton>

Answer 3

您可能必须以编程方式调整按钮的大小。您需要在 onCreate() 方法中显式加载图像，并调整按钮的大小：

public void onCreate(Bundle savedInstanceState) {  
  super.onCreate(savedInstanceState);  
  setContentView(R.layout.main);  
  ImageButton myButton = (ImageButton) findViewById(R.id.button);  
  Bitmap image = BitmapFactory.decodeResource(R.drawable.eye);  
  myButton.setBitmap(image);  
  myButton.setMinimumWidth(image.getWidth());  
  myButton.setMinimumHeight(image.getHeight());
  ...
}

根据 setMinimumX 的规范，它不能保证正常工作（因为宽度和高度仍然取决于父视图），但是它应该适用于几乎所有情况。

Answer 4

尝试使用 ScaleType centerInside。

ScaleTypes 未在 Eclipse 布局设计器中正确呈现，因此请在正在运行的应用程序中进行测试。

Answer 5

您是否尝试像下面这样给出layout_width和layout_height？由于您使用wrap_content进行设置，因此图像按钮会扩展到源图像的高度和宽度的大小。

<blink>    
  <ImageButton>
    android:id="@+id/Button01"
    android:scaleType="fitXY" 
    android:layout_width="80dip"
    android:layout_height="80dip"
    android:cropToPadding="false"
    android:paddingLeft="10dp"
    android:src="@drawable/eye"> 
  </ImageButton>
</blink>

Answer 6

您不必使用 src 属性来使用它

错误的方式（图像不适合按钮）

android:src="@drawable/myimage"

正确的方式是使用背景属性

<ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:background="@drawable/skin" />

，其中 skin 是 xml

skin.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- <item android:drawable="@drawable/button_disabled" android:state_enabled="false"/> -->
    <item android:drawable="@drawable/button_pressed" android:state_pressed="true"/>
    <!-- <item android:drawable="@drawable/button_focused" android:state_focused="true"/> -->
    <item android:drawable="@drawable/button_normal"/>

</selector>

使用button_pressed.png 和button_normal.png

这也将帮助您创建具有按下、正常、禁用和聚焦四种状态的皮肤按钮。
确保所有 png 的大小保持相同

Answer 7

您还可以将背景设置为透明。所以按钮看起来很适合你的图标。

 <ImageButton
    android:id="@+id/Button01"
    android:scaleType="fitcenter" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:cropToPadding="false"
    android:paddingLeft="10dp"
    android:background="@android:color/transparent"
    android:src="@drawable/eye" />

Answer 8

我认为您已经解决了这个问题，并且正如其他答案所建议的那样

android:background="@drawable/eye"

。但我更喜欢它

android:src="@drawable/eye"
android:background="00000000" // transparent

，它也工作得很好。（当然，前面的代码会将图像设置为背景，另一个会将图像设置为图像）但根据你选择的答案，我猜你的意思是9-patch。