Android Studio 之 ImageView 学习笔记

 

•参考资料

　　[1]:菜鸟教程

　　[2]:bilibili视频教程

•src和blackground的区别

• background通常指的都是背景,而src指的是内容

• 当使用 src 填入图片时,是按照图片大小直接填充,并不会进行拉伸

• 而使用 background 填入图片,则是会根据 ImageView 给定的宽度来进行拉伸

•scaleType设置缩放类型

• fitXY:对图像的长和宽进行独立缩放,使得该图片完全填充 ImageView,但是图片的长宽比可能会发生改变

• fitStart:保持长宽比缩放图片,直到某一边与Image的某一边等长,缩放完成后将图片放在ImageView的左上角

• fitCenter:同上,缩放后放于中间

• fitEnd:同上,缩放后放于右下角

• center:保持原图的大小，显示在ImageView的中心，当原图的 size 大于 ImageView 的 size，超过部分裁剪处理

• centerCrop:保持长宽比缩放图片,直到完全覆盖 ImageView,可能会出现图片的显示不完全

• centerInside:保持长宽比缩放图片,直到ImageView能够完全地显示图片

• matrix:默认值，不改变原图的大小，从ImageView的左上角开始绘制原图， 原图超过ImageView的部分作裁剪处理

•绘制圆形的ImageView

　　参考资料：Android中快速自定义圆形ImageView图形！

　　首先，新建一个 CircleImageView.java 文件，并继承 AppCompatImageView 类，添加代码如下：

public class CircleImageView extends AppCompatImageView {

    private Paint mPaintBitmap = new Paint(Paint.ANTI_ALIAS_FLAG);
    private Bitmap mRawBitmap;
    private BitmapShader mShader;
    private Matrix mMatrix = new Matrix();

    public CircleImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }


    @Override
    protected void onDraw(Canvas canvas) {
        Bitmap rawBitmap = getBitmap(getDrawable());
        if (rawBitmap != null) {
            int viewWidth = getWidth();
            int viewHeight = getHeight();
            int viewMinSize = Math.min(viewWidth, viewHeight);
            float dstWidth = viewMinSize;
            float dstHeight = viewMinSize;
            if (mShader == null || !rawBitmap.equals(mRawBitmap)) {
                mRawBitmap = rawBitmap;
                mShader = new BitmapShader(mRawBitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
            }
            if (mShader != null) {
                mMatrix.setScale(dstWidth / rawBitmap.getWidth(), dstHeight / rawBitmap.getHeight());
                mShader.setLocalMatrix(mMatrix);
            }
            mPaintBitmap.setShader(mShader);
            float radius = viewMinSize / 2.0f;
            canvas.drawCircle(radius, radius, radius, mPaintBitmap);
        } else {
            super.onDraw(canvas);
        }
    }

    private Bitmap getBitmap(Drawable drawable) {
        if (drawable instanceof BitmapDrawable) {
            return ((BitmapDrawable) drawable).getBitmap();
        } else if (drawable instanceof ColorDrawable) {
            Rect rect = drawable.getBounds();
            int width = rect.right - rect.left;
            int height = rect.bottom - rect.top;
            int color = ((ColorDrawable) drawable).getColor();
            Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
            Canvas canvas = new Canvas(bitmap);
            canvas.drawARGB(Color.alpha(color), Color.red(color), Color.green(color), Color.blue(color));
            return bitmap;
        } else {
            return null;
        }
    }
}

　　然后，在你需要设置圆形 ImageView 控件的 .xml 代码中，将 <ImageView> 控件改成

　　　　<com.example.uibestpractice.CircleImageView>;

　　其中，com.example.uibestpractice 是 CircleImageView.java 文件所在的包名；

　　其他的操作和 <ImageView> 操作一致，显示出来的图片就是圆形图片。