新聞中心
先看需求:
創(chuàng)新互聯(lián)堅持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都做網(wǎng)站、成都網(wǎng)站設(shè)計、成都外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時代的郟縣網(wǎng)站設(shè)計、移動媒體設(shè)計的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!
1.用戶點(diǎn)擊生成長圖按鈕,彈出等待框,后臺生成一張長圖。
2.用戶展示界面和最終生成的長圖,布局完全不一樣,所以不能通過直接將view轉(zhuǎn)換成bitmap,或者長截圖來實(shí)現(xiàn)。
3.生成的長圖,頭部加上公司logo,尾部加上二維碼。
難點(diǎn)分析:
1.后臺進(jìn)行。
2.長圖保證清晰度,并且不能過大,過大可能會分享失敗。
效果展示:
具體實(shí)現(xiàn): 長圖描述(純手畫,別介意 T_T)
1.準(zhǔn)備數(shù)據(jù):
a.所需的文字內(nèi)容
b.所需的圖片(必須下載到本地,你可以開啟一個線程進(jìn)行圖片的下載,在圖片下載完成后,再進(jìn)行繪制的操作)
2.大致流程:
創(chuàng)建一個類繼承自LinearLayout,初始化綁定xml布局文件: (布局中需要包含的是頭部view、底部view等寬高固定的view;文字等高度wrap_content的view需要在代碼中動態(tài)繪制出來,不然高度會有問題,下文有說明)
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; // 初始化各個控件 rootView = LayoutInflater.from(context) .inflate(R.layout.layout_draw_long_picture, this, false); llTopView = rootView.findViewById(R.id.llTopView);// 頭部view,高度固定,可直接獲取到對應(yīng)的bitmap llContent = rootView.findViewById(R.id.llContent);// 各種固定高度的view,高度固定,可直接獲取到對應(yīng)的bitmap llBottomView = rootView.findViewById(R.id.llBottomView);// 底部view,高度固定,可直接獲取到對應(yīng)的bitmap // 測量各個塊兒的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(); } // 測量view寬高的方法(僅測量父布局) 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.計算頭部view、底部view、中間文字內(nèi)容、中間圖片,以及其他view的總高度(px)和寬度(px);
b.創(chuàng)建一個空白的bitmap,使用bitmap的createBitmap方法,傳入第一步計算得到的寬高,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);// 防抖動 paint.setFilterBitmap(true);// 設(shè)置允許過濾
c.把view從頂部到底部的順序,一塊塊繪制到畫布上;
d.全部view繪制完畢后,保存bitmapAll到本地文件,如需壓縮,可壓縮到指定大小和尺寸;
e.進(jìn)行分享的操作。至此,基本過程就這樣。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
當(dāng)前題目:Android后臺生成長圖并分享示例(非長截圖)
標(biāo)題來源:http://www.dlmjj.cn/article/gosppe.html