Android 動態(tài)加載二維碼視圖生成快照的示例
1.需求背景
需要實現(xiàn)一個動態(tài)加載但不顯示出來的視圖,且該視圖上有個動態(tài)生成的二維碼,最后用其去生成一張快照(也就是圖片)。
(常見這種情況是來源于“圖片分享”的功能需求,與普通圖片分享不同在于,該快照圖片是動態(tài)加載不顯示的。)
2.需求功能拆解
- 動態(tài)二維碼的實現(xiàn)
- 動態(tài)視圖生成快照的實現(xiàn)
3.踩坑點提要
- 獲取不到動態(tài)視圖的bitmap
- 無法獲取最新動態(tài)視圖的bitmap
4.開發(fā)實現(xiàn)
動態(tài)加載的視圖的布局文件代碼:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/qrcodeContentLl" android:background="#F0E68C" android:orientation="vertical"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginTop="100dp" android:text="二維碼快照" android:textSize="18sp" android:textStyle="italic" /> <ImageView android:id="@+id/qrcodeIv" android:layout_width="100dp" android:layout_height="100dp" android:layout_gravity="center" android:layout_marginTop="@dimen/activity_vertical_margin" android:scaleType="fitCenter" /> <!--<TextView--> <!--android:layout_width="wrap_content"--> <!--android:layout_height="wrap_content"--> <!--android:layout_marginTop="800dp"--> <!--android:text="ahahds"--> <!--android:layout_gravity="center"/>--> </LinearLayout>
大概樣式如下:
(上面的線框是用來顯示動態(tài)生成的二維碼圖片的)
a.動態(tài)二維碼的實現(xiàn)
關(guān)于這塊內(nèi)容,網(wǎng)上有太多例子了,其實也不用詳解。主要是利用Zxing提供的jar包來進(jìn)行處理。需要看這塊的詳細(xì)代碼可以去文章最后提供的GitHub地址查看,在此只提供下該jar包的資源下載(項目中若只涉及生成二維碼模塊,那么只要core核心jar包即可):點擊下載>> core-3.3.0.jar
b.動態(tài)視圖生成快照的實現(xiàn)
private void inflateAndShowCaptureView() { if (hideView == null) { hideView = LayoutInflater.from(this).inflate(R.layout.layout_quick_capture, null); qrcodeIv = (ImageView) hideView.findViewById(R.id.qrcodeIv); hideView.setDrawingCacheEnabled(true);//設(shè)置控件允許繪制緩存 hideView.measure(View.MeasureSpec.makeMeasureSpec(mainLayoutLl.getWidth(), View.MeasureSpec.EXACTLY), View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)); hideView.layout(0, 0, hideView.getMeasuredWidth(), hideView.getMeasuredHeight()); } else { hideView.destroyDrawingCache();//要得到新的視圖,就得銷毀之前的緩存 } showCaptureView(); } private void showCaptureView() { String content = contentEt.getText().toString().trim(); if (content == null || content.length() == 0) { return; } if (qrcodeIv.getWidth() == 0) { return; } Bitmap qrcodeBitmap = ZXingUtils.createQRImage(content, qrcodeIv.getWidth(), qrcodeIv.getHeight()); qrcodeIv.setImageBitmap(qrcodeBitmap);//先將生成的二維碼顯示在加載的視圖上 Bitmap bitmap = hideView.getDrawingCache(); // 獲取視圖的繪制緩存(快照) if (bitmap != null) { showIv.setImageBitmap(bitmap); } }
1.首先獲取到視圖的bitmap是通過getDrawingCache()得到的。
- 若視圖是在界面上直接顯示出來的——>那么使用該方法直接獲取bitmap是沒有問題的;
- 若視圖是動態(tài)加載且不顯示出來,那么此時獲取bitmap是null。
此處的解決辦法就是手動給該視圖布局:
hideView.measure(View.MeasureSpec.makeMeasureSpec(mainLayoutLl.getWidth(), View.MeasureSpec.EXACTLY), View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)); hideView.layout(0, 0, hideView.getMeasuredWidth(), hideView.getMeasuredHeight());
以下做點簡單解釋:
View.MeasureSpec.makeMeasureSpec(int size , int mode)中有兩個參數(shù),size和mode,第一組MeasureSpec中我將size設(shè)置為了當(dāng)前顯示頁面的布局的寬度(也就是屏幕寬度),然后mode設(shè)置為EXACTLY——>所表示的意義是:給hideView中的子View指定了精確的寬度大小為當(dāng)前屏幕的寬度。
mode有三種,EXACTLY,AT_MOST,UNSPECIFIED。在上面代碼中,將高度的size指定為0,mode指定為 UNSPECIFIED 則表示——>整個動態(tài)加載的視圖高度指定為:依據(jù)于最后子View確認(rèn)的高度。
若將第一組MeasureSpec的相關(guān)參數(shù)也改為size = 0, mode = UNSPECIFIED,則兩組圖對比顯示如下:
可以看到,動態(tài)生成的快照的寬度也變成了顯示二維碼的ImageView的寬度了。
擴(kuò)展:如何在寬高均為size = 0 && mode= UNSPECIFIED 的情況下獲取整個屏幕大小的視圖呢?
——>用幾個隱藏的組件埋在視圖的四個邊界,啊哈哈哈哈哈!
2.通過destroyDrawingCache()來刪除之前的緩存。
最后,GitHub地址>>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android實現(xiàn)動態(tài)改變shape.xml中圖形的顏色
- Android 拍照選擇圖片并上傳功能的實現(xiàn)思路(包含權(quán)限動態(tài)獲取)
- Android動態(tài)修改應(yīng)用圖標(biāo)與名稱的方法實例
- Android繪制動態(tài)折線圖
- Android GridView擴(kuò)展仿微信微博發(fā)圖動態(tài)添加刪除圖片功能
- Android動態(tài)繪制餅狀圖的示例代碼
- Android將Glide動態(tài)加載不同大小的圖片切圓角與圓形的方法
- Android實現(xiàn)動態(tài)改變app圖標(biāo)的示例代碼
- Android用RecyclerView實現(xiàn)動態(tài)添加本地圖片
- Android自定義view實現(xiàn)動態(tài)柱狀圖
- Android如何實現(xiàn)動態(tài)滾動波形圖(心電圖)功能
相關(guān)文章
Flutter事件監(jiān)聽與EventBus事件的應(yīng)用詳解
EventBus的核心是基于Streams。它允許偵聽器訂閱事件并允許發(fā)布者觸發(fā)事件,使得不同組件的數(shù)據(jù)不需要一層層傳遞,可以直接通過EventBus實現(xiàn)跨組件通訊2023-04-04RecyclerView實現(xiàn)仿支付寶應(yīng)用管理
這篇文章主要為大家詳細(xì)介紹了RecyclerView實現(xiàn)仿支付寶應(yīng)用管理的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-04-04Android CrashHandler編寫自己的異常捕獲的方法
這篇文章主要介紹了Android CrashHandler編寫自己的異常捕獲的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-12-12