BitmapShader 解釋

Android BitmapShader

BitmapShader 的作用


官方文檔說的很清楚了:
Shader used to draw a bitmap as a texture.
BitmapShader的作用是使用特定的圖片來作為紋理來使用。

簡單使用

BitmapShader 的構(gòu)造函數(shù)
public BitmapShader(@NonNull Bitmap bitmap, TileMode tileX, TileMode tileY)
三個(gè)參數(shù):bitmap 指的是要作為紋理的圖片,tileX 指的是在x方向紋理的繪制模式,tileY 指的是Y方向上的繪制模式。
TileMode 源碼:

 public enum TileMode {
        /**
         * replicate the edge color if the shader draws outside of its
         * original bounds
         */
        CLAMP   (0),
        /**
         * repeat the shader's image horizontally and vertically
         */
        REPEAT  (1),
        /**
         * repeat the shader's image horizontally and vertically, alternating
         * mirror images so that adjacent images always seam
         */
        MIRROR  (2);
    
        TileMode(int nativeInt) {
            this.nativeInt = nativeInt;
        }
        final int nativeInt;
    }

TileMode 是一個(gè)枚舉類型,有3個(gè)可能的值:

  1. CLMP 如果需要填充的內(nèi)容大小超過了bitmap size 就選bitmap 邊界的顏色進(jìn)行擴(kuò)展
  2. REPEAT重復(fù),不斷的重復(fù)bitmap去填滿,如果繪制的區(qū)域大于紋理圖片的話,紋理圖片會(huì)在這片區(qū)域不斷重復(fù)
  3. MIRROR鏡像的去填滿。如果繪制的區(qū)域大于紋理圖片的話,紋理圖片會(huì)以鏡像的形式重復(fù)出現(xiàn)
    BitmapShader 使用起來十分的簡單:
//創(chuàng)建
BitmapShader shader=new BitmapShader(bitmap,TileMode.CLAMP,TileMode.CLAMP);
Paint paint=new Paint();
//為paint 設(shè)置 Shader
paint.setShader(shader);
//這樣就可以使用shader的紋理去覆蓋繪制的圖形的表面了,其中根據(jù):CLAMP,REPEAT,MIRROR,
//來確定紋理的繪制模式
canvas.draw**(***,paint);

一個(gè)經(jīng)典的使用例子

使用BitmapShader繪制圓形頭像和圓角矩形

package com.open.chikuilee.imageviewdemo;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.BitmapShader;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Shader;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {
    ImageView imageView0;
    ImageView imageView1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageView0 = (ImageView) findViewById(R.id.iv0);
        imageView1= (ImageView) findViewById(R.id.iv1); loadImage();
    }

    @Override
    protected void onStart() {
        super.onStart();
    }

    @Override
    protected void onResume() {
        super.onResume();

    }

    private void loadImage(){
        BitmapFactory.Options options=new BitmapFactory.Options();
        options.inJustDecodeBounds=true;
        BitmapFactory.decodeResource(getResources(),R.drawable.img,options);
        //xml 里面設(shè)定image width height ==100dp。這里將dp 轉(zhuǎn)化為px。這里不xml 代碼了
        int size= (int) (100*getResources().getDisplayMetrics().density);
        System.out.println("size: "+size);
        int widthSampleSize=options.outWidth/size;
        int heiSampleSize=options.outHeight/size;
        options.inSampleSize=widthSampleSize>heiSampleSize?heiSampleSize:widthSampleSize;
        options.inSampleSize=options.inSampleSize<1?1:options.inSampleSize;
        options.inJustDecodeBounds=false;
        Bitmap bitmap=BitmapFactory.decodeResource(getResources(),R.drawable.img,options);
        Bitmap target=Bitmap.createBitmap(bitmap.getWidth(),bitmap.getHeight(),bitmap.getConfig());
        BitmapShader shader=new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);
        Paint paint=new Paint();
        paint.setShader(shader);
        //draw into target bitmap
        Canvas canvas=new Canvas(target);
        float r=target.getWidth()>target.getHeight()?target.getHeight():target.getWidth();
        r/=2;
        //繪制一個(gè)圓形圖片。經(jīng)典的使用場景是頭像
        canvas.drawCircle(r,r,r,paint);
        //display the resule
        imageView0.setImageBitmap(target);
        bitmap.recycle();
//        target.recycle();
        target=Bitmap.createBitmap(target.getWidth(),target.getHeight(),target.getConfig());
        canvas.setBitmap(target);
        RectF rect=new RectF(0,0,target.getWidth(),target.getHeight());
        //繪制一個(gè)圓角矩形
        canvas.drawRoundRect(rect,400,400,paint);
        imageView1.setImageBitmap(target);

    }
}

效果圖:

效果圖

這里需要使用圖片的副本(要先解碼一張圖片 然后設(shè)置為紋理,再繪制進(jìn)一個(gè)圖片中),對內(nèi)存消耗大,在實(shí)際開發(fā)中,可以在onDraw 方法當(dāng)中繪制,這樣就不用再繪制進(jìn)一張圖片當(dāng)中直接繪制就可以了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容