ImageView 使用詳解

shery 發布于2019-08-19 10:20 / 3708人閱讀

極力推薦文章：歡迎收藏
Android 干貨分享

閱讀五分鐘，每日十點，和您一起終身學習，這里是程序員Android

本篇文章主要介紹 Android 開發中的部分知識點，通過閱讀本篇文章，您將收獲以下內容:

一、ImageView 的繼承關系
二、ImageView 常用方法
三、ImageView 背景 間距屬性設置
四、使用Bitmap 類型動態設置ImageView 資源
五、ImageView 圖片倒影實現
六、ImageView 圖片縮放實現
七、ImageView 圓角圖片實現
八、Bitmap 與Drawable 轉換工具類

一、ImageView 的繼承關系

ImageView 的繼承關系如下：

java.lang.Object ??
      ?? android.view.View ? ???
                 ? android.widget.ImageView

二、ImageView 常用方法

ImageView 主要用于顯示圖像資源，Bitmap 或Drawable資源，同時也常用于圖片渲染調色，圖片縮放剪裁等。

以下XML代碼段是使用ImageView顯示圖像資源的常見示例：

在xml 使用ImageView 控件

三、 ImageView 背景間距屬性設置

在xml 使用ImageView 控件

實現效果如下：

四、使用Bitmap 類型動態設置ImageView 資源

在xml 使用ImageView 控件

2.java 類實現

        // 1.從資源中獲取Bitmap
        ImageView mImageView1 = (ImageView) findViewById(R.id.img_1);
        DrawableUtils.UseBitmap(this, mImageView1, R.drawable.gril);

3.DrawableUtils 類方法實現

    // 1.從資源中獲取Bitmap
    public static void UseBitmap(Context context, ImageView imageView, int drawableId) {

        Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(),
                drawableId);
        imageView.setImageBitmap(bitmap);

    }

實現效果如下：

五、ImageView 圖片倒影實現

在xml 使用ImageView 控件

java 代碼實現效果

        // 4.倒影圖片
        ImageView mImageView4 = (ImageView) findViewById(R.id.img_4);
        mImageView4.setImageBitmap(DrawableUtils.CreateReflectionImageWithOrigin(
                DrawableUtils.DrawableToBitmap(getResources().getDrawable(
                        R.drawable.img1))));

DrawableUtils 工具類的方法實現

    // 5. Drawable----> Bitmap
    public static Bitmap DrawableToBitmap(Drawable drawable) {

        // 獲取 drawable 長寬
        int width = drawable.getIntrinsicWidth();
        int heigh = drawable.getIntrinsicHeight();

        drawable.setBounds(0, 0, width, heigh);

        // 獲取drawable的顏色格式
        Bitmap.Config config = drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888
                : Bitmap.Config.RGB_565;
        // 創建bitmap
        Bitmap bitmap = Bitmap.createBitmap(width, heigh, config);
        // 創建bitmap畫布
        Canvas canvas = new Canvas(bitmap);
        // 將drawable 內容畫到畫布中
        drawable.draw(canvas);
        return bitmap;
    }

實現效果如下：

六、ImageView 圖片縮放實現

在xml 使用ImageView 控件

java 代碼實現效果

        // 2. 圖片縮放
        ImageView mImageView2 = (ImageView) findViewById(R.id.img_2);
        mImageView2.setImageDrawable(DrawableUtils.ZoomDrawable(getResources().getDrawable(R.drawable.img1),
                240, 200));

DrawableUtils 工具類方法實現

    // 9. drawable進行縮放 ---> bitmap 然后比對bitmap進行縮放
    public static Drawable ZoomDrawable(Drawable drawable, int w, int h) {
        int width = drawable.getIntrinsicWidth();
        int height = drawable.getIntrinsicHeight();
        // 調用5 中 drawable轉換成bitmap
        Bitmap oldbmp = DrawableToBitmap(drawable);

        // 創建操作圖片用的Matrix對象
        Matrix matrix = new Matrix();
        // 計算縮放比例
        float sx = ((float) w / width);
        float sy = ((float) h / height);
        // 設置縮放比例
        matrix.postScale(sx, sy);
        // 建立新的bitmap，其內容是對原bitmap的縮放后的圖
        Bitmap newbmp = Bitmap.createBitmap(oldbmp, 0, 0, width, height,
                matrix, true);
        return new BitmapDrawable(newbmp);
    }

實現效果如下：

七、ImageView 圓角圖片實現

在xml 使用ImageView 控件

2. java 代碼實現效果

        // 3. 圓角圖片
        ImageView mImageView3 = (ImageView) findViewById(R.id.img_3);
        mImageView3.setImageBitmap(DrawableUtils.SetRoundCornerBitmap(
                DrawableUtils.DrawableToBitmap(getResources().getDrawable(
                        R.drawable.img1)), 60));

DrawableUtils 工具類方法實現

    // 6.圓角圖片
    public static Bitmap SetRoundCornerBitmap(Bitmap bitmap, float roundPx) {
        int width = bitmap.getWidth();
        int heigh = bitmap.getHeight();
        // 創建輸出bitmap對象
        Bitmap outmap = Bitmap.createBitmap(width, heigh,
                Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(outmap);
        final int color = 0xff424242;
        final Paint paint = new Paint();
        final Rect rect = new Rect(0, 0, width, heigh);
        final RectF rectf = new RectF(rect);
        paint.setAntiAlias(true);
        canvas.drawARGB(0, 0, 0, 0);
        paint.setColor(color);
        canvas.drawRoundRect(rectf, roundPx, roundPx, paint);
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        canvas.drawBitmap(bitmap, rect, rect, paint);

        return outmap;
    }

實現效果如下：

八、Bitmap 與Drawable 轉換工具類

Bitmap 與Drawable 轉換常用工具類源代碼如下：

package com.programandroid.Utils;

import java.io.ByteArrayOutputStream;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.LinearGradient;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.widget.ImageView;

/*
 * DrawableUtils.java
 *
 *  Created on: 2017-10-24
 *      Author: wangjie
 * 
 *  Welcome attention to weixin public number get more info
 *
 *  WeiXin Public Number : ProgramAndroid
 *  微信公眾號 ：程序員Android
 *
 */
public class DrawableUtils {

    // 1.從資源中獲取Bitmap
    public static void UseBitmap(Context context, ImageView imageView, int drawableId) {

        Bitmap bitmap = BitmapFactory.decodeResource(context.getResources(),
                drawableId);
        imageView.setImageBitmap(bitmap);

    }

    // 2.Bitmap ---> byte[]
    public byte[] BitmapToBytes(Bitmap bitmap) {
        ByteArrayOutputStream baos = new ByteArrayOutputStream();
        bitmap.compress(Bitmap.CompressFormat.PNG, 100, baos);
        return baos.toByteArray();
    }

    // 3.byte[] ---->bitmap
    public Bitmap BytesToBitmap(byte[] b) {
        if (b.length != 0) {
            return BitmapFactory.decodeByteArray(b, 0, b.length);
        } else {
            return null;
        }
    }

    // 4.Bitmap 縮放方法
    public static Bitmap ZoomBitmap(Bitmap bitmap, int width, int heigh) {
        int w = bitmap.getWidth();
        int h = bitmap.getHeight();
        Matrix matrix = new Matrix();
        float scalewidth = (float) width / w;
        float scaleheigh = (float) heigh / h;
        matrix.postScale(scalewidth, scaleheigh);
        Bitmap newBmp = Bitmap.createBitmap(bitmap, 0, 0, w, h, matrix, true);
        return newBmp;

    }

    // 5. Drawable----> Bitmap
    public static Bitmap DrawableToBitmap(Drawable drawable) {

        // 獲取 drawable 長寬
        int width = drawable.getIntrinsicWidth();
        int heigh = drawable.getIntrinsicHeight();

        drawable.setBounds(0, 0, width, heigh);

        // 獲取drawable的顏色格式
        Bitmap.Config config = drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888
                : Bitmap.Config.RGB_565;
        // 創建bitmap
        Bitmap bitmap = Bitmap.createBitmap(width, heigh, config);
        // 創建bitmap畫布
        Canvas canvas = new Canvas(bitmap);
        // 將drawable 內容畫到畫布中
        drawable.draw(canvas);
        return bitmap;
    }

    // 6.圓角圖片
    public static Bitmap SetRoundCornerBitmap(Bitmap bitmap, float roundPx) {
        int width = bitmap.getWidth();
        int heigh = bitmap.getHeight();
        // 創建輸出bitmap對象
        Bitmap outmap = Bitmap.createBitmap(width, heigh,
                Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(outmap);
        final int color = 0xff424242;
        final Paint paint = new Paint();
        final Rect rect = new Rect(0, 0, width, heigh);
        final RectF rectf = new RectF(rect);
        paint.setAntiAlias(true);
        canvas.drawARGB(0, 0, 0, 0);
        paint.setColor(color);
        canvas.drawRoundRect(rectf, roundPx, roundPx, paint);
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        canvas.drawBitmap(bitmap, rect, rect, paint);

        return outmap;
    }

    // 7.獲取帶倒影的圖片
    public static Bitmap CreateReflectionImageWithOrigin(Bitmap bitmap) {

        final int reflectionGapLine = 4;
        int w = bitmap.getWidth();
        int h = bitmap.getHeight();
        Matrix matrix = new Matrix();
        matrix.preScale(1, -1);

        Bitmap reflectionImage = Bitmap.createBitmap(bitmap, 0, h / 2, w,
                h / 2, matrix, false);

        Bitmap bitmapWithReflection = Bitmap.createBitmap(w, (h + h / 2),
                Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmapWithReflection);
        canvas.drawBitmap(bitmap, 0, 0, null);
        Paint deafalutPaint = new Paint();
        canvas.drawRect(0, h, w, h + reflectionGapLine, deafalutPaint);

        canvas.drawBitmap(reflectionImage, 0, h + reflectionGapLine, null);

        Paint paint = new Paint();
        LinearGradient shader = new LinearGradient(0, bitmap.getHeight(), 0,
                bitmapWithReflection.getHeight() + reflectionGapLine, 0x70ffffff,
                0x00ffffff, Shader.TileMode.CLAMP);
        paint.setShader(shader);
        // Set the Transfer mode to be porter duff and destination in
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN));
        // Draw a rectangle using the paint with our linear gradient
        canvas.drawRect(0, h, w, bitmapWithReflection.getHeight()
                + reflectionGapLine, paint);
        return bitmapWithReflection;
    }

    // 8. bitmap ---Drawable
    public static Drawable BitmapToDrawable(Bitmap bitmap, Context context) {
        BitmapDrawable drawbale = new BitmapDrawable(context.getResources(),
                bitmap);
        return drawbale;
    }

    // 9. drawable進行縮放 ---> bitmap 然后比對bitmap進行縮放
    public static Drawable ZoomDrawable(Drawable drawable, int w, int h) {
        int width = drawable.getIntrinsicWidth();
        int height = drawable.getIntrinsicHeight();
        // 調用5 中 drawable轉換成bitmap
        Bitmap oldbmp = DrawableToBitmap(drawable);

        // 創建操作圖片用的Matrix對象
        Matrix matrix = new Matrix();
        // 計算縮放比例
        float sx = ((float) w / width);
        float sy = ((float) h / height);
        // 設置縮放比例
        matrix.postScale(sx, sy);
        // 建立新的bitmap，其內容是對原bitmap的縮放后的圖
        Bitmap newbmp = Bitmap.createBitmap(oldbmp, 0, 0, width, height,
                matrix, true);
        return new BitmapDrawable(newbmp);
    }

}

至此，本篇已結束，如有不對的地方，歡迎您的建議與指正。同時期待您的關注，感謝您的閱讀，謝謝！

GPU云服務器云服務器域名綁定與使用詳解 python字符串的使用詳解 iOS-GCD使用詳解 ImageView

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/75851.html

GridView 使用詳解

摘要：簡介繼承關系如下主要使用方法主要通過使用自定義來適配數據，進而顯示到中。如果不是太明白，可以查看上篇文章使用詳解至此，本篇已結束，如有不對的地方，歡迎您的建議與指正。同時期待您的關注，感謝您的閱讀，謝謝極力推薦文章：歡迎收藏Android 干貨分享 showImg(https://segmentfault.com/img/remote/1460000019975020); 閱讀五分...

dayday_up 2019-08-19 10:20 評論0 收藏0
Bitmap之內存緩存和磁盤緩存詳解

摘要：原文首發于微信公眾號，歡迎關注交流中緩存的使用比較普遍，使用相應的緩存策略可以減少流量的消耗，也可以在一定程度上提高應用的性能，如加載網絡圖片的情況，不應該每次都從網絡上加載圖片，應該將其緩存到內存和磁盤中，下次直接從內存或磁盤中獲取，緩原文首發于微信公眾號：jzman-blog，歡迎關注交流！ Android 中緩存的使用比較普遍，使用相應的緩存策略可以減少流量的消耗，也可以在一定...

masturbator 2019-08-06 13:44 評論0 收藏0

發表評論

登陸后可評論

0條評論

shery

男|高級講師

我要關注我要私信

TA的文章

tensorflow

閱讀 2671·2023-04-25 18:10
這可能是實現登錄框居中最簡捷的方法

閱讀 1606·2019-08-30 15:53
【譯】CSS 方法論的選擇

閱讀 2788·2019-08-30 13:10
jQuery + Php 實現類似 Medium 的文章頁內容批注評論功能

閱讀 3216·2019-08-29 18:40
15、TypeScript 之構造器 constructor 方法 methods

閱讀 1128·2019-08-23 18:31
知識點小記

閱讀 1201·2019-08-23 16:49
js手寫系列-- 圖片懶加載

閱讀 3400·2019-08-23 16:07
【Git】工作中99%能用到的git命令

閱讀 877·2019-08-23 15:27

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務器低至59元/年，更有多臺、長期優惠，快來選購！

ImageView 使用詳解

閱讀五分鐘，每日十點，和您一起終身學習，這里是程序員Android

相關文章

GridView 使用詳解

Bitmap之內存緩存和磁盤緩存詳解

發表評論

0條評論

shery

男|高級講師

TA的文章

tensorflow

這可能是實現登錄框居中最簡捷的方法

【譯】CSS 方法論的選擇

jQuery + Php 實現類似 Medium 的文章頁內容批注評論功能

15、TypeScript 之構造器 constructor 方法 methods

知識點小記

js手寫系列-- 圖片懶加載

【Git】工作中99%能用到的git命令

最新活動