溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Android 后臺(tái)生成長圖并分享示例(非長截圖)

發(fā)布時(shí)間:2020-09-28 15:13:27 來源:腳本之家 閱讀:256 作者:工藤一號(hào) 欄目:移動(dòng)開發(fā)

先看需求:

1.用戶點(diǎn)擊生成長圖按鈕,彈出等待框,后臺(tái)生成一張長圖。

2.用戶展示界面和最終生成的長圖,布局完全不一樣,所以不能通過直接將view轉(zhuǎn)換成bitmap,或者長截圖來實(shí)現(xiàn)。

3.生成的長圖,頭部加上公司logo,尾部加上二維碼。

難點(diǎn)分析:

1.后臺(tái)進(jìn)行。

2.長圖保證清晰度,并且不能過大,過大可能會(huì)分享失敗。

效果展示:

 Android 后臺(tái)生成長圖并分享示例(非長截圖)

Android 后臺(tái)生成長圖并分享示例(非長截圖)

Android 后臺(tái)生成長圖并分享示例(非長截圖)

Android 后臺(tái)生成長圖并分享示例(非長截圖)

具體實(shí)現(xiàn): 長圖描述(純手畫,別介意 T_T)

Android 后臺(tái)生成長圖并分享示例(非長截圖)

1.準(zhǔn)備數(shù)據(jù):

a.所需的文字內(nèi)容

b.所需的圖片(必須下載到本地,你可以開啟一個(gè)線程進(jìn)行圖片的下載,在圖片下載完成后,再進(jìn)行繪制的操作)

2.大致流程:

創(chuàng)建一個(gè)類繼承自LinearLayout,初始化綁定xml布局文件: (布局中需要包含的是頭部view、底部view等寬高固定的view;文字等高度wrap_content的view需要在代碼中動(dòng)態(tài)繪制出來,不然高度會(huì)有問題,下文有說明)

public LiveDrawLongPictureUtil(Context context) { super(context); init(context);}

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

public LiveDrawLongPictureUtil(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init(context);}

private void init(Context context) {

this.context = context;

// 初始化各個(gè)控件

rootView = LayoutInflater.from(context) .inflate(R.layout.layout_draw_long_picture, this, false);

llTopView = rootView.findViewById(R.id.llTopView);// 頭部view,高度固定,可直接獲取到對(duì)應(yīng)的bitmap

llContent = rootView.findViewById(R.id.llContent);// 各種固定高度的view,高度固定,可直接獲取到對(duì)應(yīng)的bitmap

llBottomView = rootView.findViewById(R.id.llBottomView);// 底部view,高度固定,可直接獲取到對(duì)應(yīng)的bitmap

// 測(cè)量各個(gè)塊兒的view的寬高(這步很重要,后面需要用到寬高數(shù)據(jù),進(jìn)行畫布的創(chuàng)建)

  layoutView(llTopView);
  layoutView(llContent);
  layoutView(llBottomView);

  widthTop = llTopView.getMeasuredWidth();
  heightTop = llTopView.getMeasuredHeight();

  widthBottom = llBottomView.getMeasuredWidth();
  heightBottom = llBottomView.getMeasuredHeight();
}

// 測(cè)量view寬高的方法(僅測(cè)量父布局)
 private void measureView(View v) {
  int width = HomepageUtil.getPhoneWid();
  int height = HomepageUtil.getPhoneHei();

v.layout(0, 0, width, height);
  int measuredWidth = View.MeasureSpec.makeMeasureSpec(width, View.MeasureSpec.EXACTLY);
  int measuredHeight = View.MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
  v.measure(measuredWidth, measuredHeight);
  v.layout(0, 0, v.getMeasuredWidth(), v.getMeasuredHeight());
 }

獲取第一步得到的數(shù)據(jù),包括圖片,需要下載完畢,這是前提;

a.計(jì)算頭部view、底部view、中間文字內(nèi)容、中間圖片,以及其他view的總高度(px)和寬度(px);

b.創(chuàng)建一個(gè)空白的bitmap,使用bitmap的createBitmap方法,傳入第一步計(jì)算得到的寬高,Config可以隨意,推薦RGB_565(省內(nèi)存):

Bitmap bitmapAll = Bitmap.createBitmap(allBitmapWidth, allBitmapHeight, Bitmap.Config.RGB_565);// 創(chuàng)建所需大小的bitmap

Canvas canvas = new Canvas(bitmapAll);// 創(chuàng)建空白畫布
canvas.drawColor(Color.WHITE);// 背景顏色
Paint paint = new Paint();// 畫筆
paint.setAntiAlias(true);// 設(shè)置抗鋸齒
paint.setDither(true);// 防抖動(dòng)
paint.setFilterBitmap(true);// 設(shè)置允許過濾

c.把view從頂部到底部的順序,一塊塊繪制到畫布上;

d.全部view繪制完畢后,保存bitmapAll到本地文件,如需壓縮,可壓縮到指定大小和尺寸;

e.進(jìn)行分享的操作。至此,基本過程就這樣。

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI