android非同步生成圖片

竹塵居士發表於2018-04-13
Android非同步

下面來說說在Android上如果非同步生成圖片，通過xml佈局用View排版好圖片樣式，在子執行緒生成一張圖片，以滿足生成用來分享的圖片等需求(生成圖片前設定可變元素，如使用者的頭像，暱稱等)。

效果

  • 點選按鈕生成圖片：
    pic_generate.gif

特性

  • 通過佈局和View的方式設計圖片樣式。
  • 在子執行緒中生成和儲存圖片。
  • 封裝好工具類，直接使用即可。

核心程式碼

    private Bitmap createBitmap(View view) {
        int widthSpec = View.MeasureSpec.makeMeasureSpec(view.getLayoutParams().width, View.MeasureSpec.EXACTLY);
        int heightSpec = View.MeasureSpec.makeMeasureSpec(view.getLayoutParams().height, View.MeasureSpec.EXACTLY);
        view.measure(widthSpec, heightSpec);
        int measureWidth = view.getMeasuredWidth();
        int measureHeight = view.getMeasuredHeight();
        view.layout(0, 0, measureWidth, measureHeight);
        int width = view.getWidth();
        int height = view.getHeight();
        Bitmap bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        view.draw(canvas);
        return bitmap;
    }
複製程式碼

原理說明

通過走一遍ViewGroup的測量(measure)，佈局(layout)，draw流程，把佈局展示的介面畫到我們準備好的bitmap上(這一過程可在非UI執行緒完成)，再把bitmap儲存在檔案或顯示到介面上。

  1. 在佈局中寫好圖片的樣子，然後把佈局inflate成View，當然也可以直接程式碼編寫View，設定好裡面的可變元素，如頭像，暱稱等。
  2. 通過呼叫View的measure,layout方法使之測量出內部各控制元件的大小和排列好各控制元件。
  3. 建立一個和View大小相同的空Bitmap，新建一個畫布傳入該bitamp(new Canvas(bitmap))，呼叫view的draw(canvas)方法，view會把圖片繪製在該bitmap上。
  4. 儲存到檔案或直接使用圖片。

使用方法

  1. 在xml中佈局圖片樣式:

    <?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:background="#ECAA0A">

    <ImageView
        android:layout_width="160dp"
        android:layout_height="94dp"
        android:layout_gravity="center_horizontal"
        android:src="@mipmap/pic_bg" />

    <ImageView
        android:id="@+id/invitation_share_link_pic_avatar_iv"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_gravity="center_horizontal|bottom"
        android:layout_marginBottom="10dp"
        android:src="@mipmap/ic_launcher" />
</FrameLayout>
複製程式碼

  2. 寫一個自己的Model繼承自GenerateModel，設定可變元素並使用GeneratePictureManager單例的generate方法開始生成:

        private void generate() {
        SharePicModel sharePicModel = new SharePicModel((ViewGroup) getWindow().getDecorView());
        sharePicModel.setAvatarResId(R.mipmap.ic_launcher);
        GeneratePictureManager.getInstance().generate(sharePicModel, (throwable, bitmap) -> {
            if (throwable != null || bitmap == null) {
                Toast.makeText(this, getString(R.string.generate_pic_error), Toast.LENGTH_SHORT).show();
            } else {
                Toast.makeText(this, getString(R.string.generate_pic_success), Toast.LENGTH_SHORT).show();
                mResultIv.setImageBitmap(bitmap);
            }
        });
    }
複製程式碼

原始碼地址:

作者：竹塵居士 Github：https://github.com/homgwu/picgenerator 部落格：http://zhuchen.vip/2018/04/13/android/android-pic-generator.html

相關文章