Android 圖片新增白邊(類似加框)
阿新 • • 發佈:2019-02-12
最近專案中碰到 網頁中的二維碼長按儲存圖片,把儲存下來的二維碼圖片傳送到聊天訊息中,長按點選識別不了二維碼圖片(ps:高階手機能輕易識別,低段手機就識別不了)。
由於是全屏顯示的,識別不了二維碼的界線,就判斷不了是否是二維碼(PS:自己的理解,勿噴)。要想讓二維碼識別出來,簡單就是在該二維碼四周新增白邊,就能識別了。有人可能認為幹嘛生成二維碼是後不直接連白邊一起生成呢,主要是web生成時偷懶,so…你懂的
下面就給出解決法,上程式碼:
/**
*
* 設定bitmap四周白邊
*
* @param bitmap 原圖
* @return
*/
public static Bitmap bg2WhiteBitmap(Bitmap bitmap)
{
int size = bitmap.getWidth() < bitmap.getHeight() ? bitmap.getWidth() : bitmap.getHeight();
int num = 14;
int sizebig = size + num;
// 背圖
Bitmap newBitmap = Bitmap.createBitmap(sizebig, sizebig, Config.ARGB_8888);
Canvas canvas = new Canvas(newBitmap);
Paint paint = new Paint();
paint.setAntiAlias(true);
canvas.drawARGB(0, 0, 0, 0);
// 生成白色的
paint.setColor(Color.WHITE);
canvas.drawBitmap(bitmap, num / 2, num / 2, paint);
paint.setXfermode(new PorterDuffXfermode(Mode.DST_ATOP));
// 畫正方形的
canvas.drawRect(0, 0, sizebig, sizebig, paint);
return newBitmap;
}
我是直接在網頁上,執行長按圖片操作時進行新增白邊後儲存圖片,問題就解決了。
這要看二維碼界線是不是很明顯了。
下面介紹點Canvas相關知識點:
Paint類常用方法:
setARGB(int a, int r, int g, int b) // 設定 Paint物件顏色,引數一為alpha透明值
setAlpha(int a) // 設定alpha不透明度,範圍為0~255
setAntiAlias(boolean aa) // 是否抗鋸齒
setColor(int color) // 設定顏色,這裡Android內部定義的有Color類包含了一些常見顏色定義
setTextScaleX(float scaleX) // 設定文字縮放倍數,1.0f為原始
setTextSize(float textSize) // 設定字型大小
setUnderlineText(booleanunderlineText) // 設定下劃線
public class DrawView extends View {
public DrawView(Context context) {
super(context);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
/*
* 方法 說明 drawRect 繪製矩形 drawCircle 繪製圓形 drawOval 繪製橢圓 drawPath 繪製任意多邊形
* drawLine 繪製直線 drawPoin 繪製點
*/
// 建立畫筆
Paint p = new Paint();
p.setColor(Color.RED);// 設定紅色
canvas.drawText("畫圓:", 10, 20, p);// 畫文字
canvas.drawCircle(60, 20, 10, p);// 小圓
p.setAntiAlias(true);// 設定畫筆的鋸齒效果。 true是去除,大家一看效果就明白了
canvas.drawCircle(120, 20, 20, p);// 大圓
canvas.drawText("畫線及弧線:", 10, 60, p);
p.setColor(Color.GREEN);// 設定綠色
canvas.drawLine(60, 40, 100, 40, p);// 畫線
canvas.drawLine(110, 40, 190, 80, p);// 斜線
//畫笑臉弧線
p.setStyle(Paint.Style.STROKE);//設定空心
RectF oval1=new RectF(150,20,180,40);
canvas.drawArc(oval1, 180, 180, false, p);//小弧形
oval1.set(190, 20, 220, 40);
canvas.drawArc(oval1, 180, 180, false, p);//小弧形
oval1.set(160, 30, 210, 60);
canvas.drawArc(oval1, 0, 180, false, p);//小弧形
canvas.drawText("畫矩形:", 10, 80, p);
p.setColor(Color.GRAY);// 設定灰色
p.setStyle(Paint.Style.FILL);//設定填滿
canvas.drawRect(60, 60, 80, 80, p);// 正方形
canvas.drawRect(60, 90, 160, 100, p);// 長方形
canvas.drawText("畫扇形和橢圓:", 10, 120, p);
/* 設定漸變色 這個正方形的顏色是改變的 */
Shader mShader = new LinearGradient(0, 0, 100, 100,
new int[] { Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW,
Color.LTGRAY }, null, Shader.TileMode.REPEAT); // 一個材質,打造出一個線性梯度沿著一條線。
p.setShader(mShader);
// p.setColor(Color.BLUE);
RectF oval2 = new RectF(60, 100, 200, 240);// 設定個新的長方形,掃描測量
canvas.drawArc(oval2, 200, 130, true, p);
// 畫弧,第一個引數是RectF:該類是第二個引數是角度的開始,第三個引數是多少度,第四個引數是真的時候畫扇形,是假的時候畫弧線
//畫橢圓,把oval改一下
oval2.set(210,100,250,130);
canvas.drawOval(oval2, p);
canvas.drawText("畫三角形:", 10, 200, p);
// 繪製這個三角形,你可以繪製任意多邊形
Path path = new Path();
path.moveTo(80, 200);// 此點為多邊形的起點
path.lineTo(120, 250);
path.lineTo(80, 250);
path.close(); // 使這些點構成封閉的多邊形
canvas.drawPath(path, p);
// 你可以繪製很多任意多邊形,比如下面畫六連形
p.reset();//重置
p.setColor(Color.LTGRAY);
p.setStyle(Paint.Style.STROKE);//設定空心
Path path1=new Path();
path1.moveTo(180, 200);
path1.lineTo(200, 200);
path1.lineTo(210, 210);
path1.lineTo(200, 220);
path1.lineTo(180, 220);
path1.lineTo(170, 210);
path1.close();//封閉
canvas.drawPath(path1, p);
/*
* Path類封裝複合(多輪廓幾何圖形的路徑
* 由直線段*、二次曲線,和三次方曲線,也可畫以油畫。drawPath(路徑、油漆),要麼已填充的或撫摸
* (基於油漆的風格),或者可以用於剪斷或畫畫的文字在路徑。
*/
//畫圓角矩形
p.setStyle(Paint.Style.FILL);//充滿
p.setColor(Color.LTGRAY);
p.setAntiAlias(true);// 設定畫筆的鋸齒效果
canvas.drawText("畫圓角矩形:", 10, 260, p);
RectF oval3 = new RectF(80, 260, 200, 300);// 設定個新的長方形
canvas.drawRoundRect(oval3, 20, 15, p);//第二個引數是x半徑,第三個引數是y半徑
//畫貝塞爾曲線
canvas.drawText("畫貝塞爾曲線:", 10, 310, p);
p.reset();
p.setStyle(Paint.Style.STROKE);
p.setColor(Color.GREEN);
Path path2=new Path();
path2.moveTo(100, 320);//設定Path的起點
path2.quadTo(150, 310, 170, 400); //設定貝塞爾曲線的控制點座標和終點座標
canvas.drawPath(path2, p);//畫出貝塞爾曲線
//畫點
p.setStyle(Paint.Style.FILL);
canvas.drawText("畫點:", 10, 390, p);
canvas.drawPoint(60, 390, p);//畫一個點
canvas.drawPoints(new float[]{60,400,65,400,70,400}, p);//畫多個點
//畫圖片,就是貼圖
Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
canvas.drawBitmap(bitmap, 250,360, p);
}
}