ImageButton如何让图片按比例缩放不被拉伸

了解

在安卓的界面XML中，ImageButton有这样一个属性android:scaleType，他干嘛的？

ImageView的Scaletype决定了图片在View上显示时的样子，如进行何种比例的缩放，及显示图片的整体还是部分。有八种类型即

1、center:图片位于视图中间，但不执行缩放。
2、centerCrop按统一比例缩放图片（保持图片的尺寸比例）便于图片的两维（宽度和高度）等于或者大于相应的视图的维度
3、centerInside按统一比例缩放图片（保持图片的尺寸比例）便于图片的两维（宽度和高度）等于或者小于相应的视图的维度
4、fitCenter缩放图片使用center，在中间
5、fitEnd缩放图片使用END，靠近尾部
6、fitStart缩放图片使用START，靠近头部
7、fitXY缩放图片使用XY
8、matrix当绘制时使用图片矩阵缩放

相应的java代码为 imageButton.setScaleType(ImageView.ScaleType.FIT_CENTER);

在这里我们选择fitCenter缩放图片使用center

 

实施

我们想要实现的效果是一个按钮点击下去可以显示点击的效果，即另外一张图片。结合onTouchListener就可以实现，不过有个地方要注意一下。

public class Example extends Activity {
ImageButton exm;

public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.exampleLayout);
        exm = (ImageButton)findViewById(R.id.exmBtn);
        initBtnListener(exm);
}

private void initBtnListener(ImageButton btn){
       btn.setOnTouchListener(new  View.OnTouchListener(){
        @Override
        public boolean onTouch(View v, MotionEvent event) {
            if(event.getAction() == MotionEvent.ACTION_DOWN){
                //更改为按下时的背景图片
                exm.setImageResource(R.drawable.anwbtn1);
            }else if(event.getAction() == MotionEvent.ACTION_UP){
                //改为抬起时的图片
               exm.setImageResource(R.drawable.anwbtn0);
            }
            return false;
            }
        });
    }

};

在exampleLayout的XML中有一个id为exmBtn的ImageButton，并且设置属性android:scaleType=“fitCenter”

上面中更改按钮图片的方法还有另外一种就是v.setBackgroundResource(int);但是这种方法达不到让ImageButton自己管理图片缩放的效果，所以应该直接让ImageButton自己setImageResource。

注意上面的代码中使用到了内部类，其实上面的用法参数btn确实是指向exm，但是不能用btn代替exm去更换按钮图片，原因是btn必须声明为final才能在匿名内部类View.OnTouchListener()中使用。所以可以把btn参数直接替换成exm并把形式参数去掉。