在代码中合成图片而后分享

想了半天不知道这篇博客的题目应该叫什么,不知道怎么用简短的句子描述我在开发中碰到的这个问题,那就从头开始说吧。html

需求是这样的,要将app中商品的图片分享到外部,可是分享出去的图片不仅仅是商品图片自己,还要带上分享者和商品的信息,还有咱们app的二维码等信息,看下图。android

这个是app内商品的信息
app

这个分享出去后的样子
ide

应该怎么作呢?那确定是将这些数据拼装在一块儿,可是怎么拼装呢?这个很简单,个人作法是这样的,在当前布局视图下层放一个用户看不见的 RelativeLayout,背景设置成设计师给的背景,而后将须要的布局先填充上去,等到拉取到后台数据后再将相应的数据set上去。但是这些操做都完成后怎么分享呢?布局

咱们倒着来想,umeng分享在分享图片的时候须要的图片是什么类型的,this

UMImage image = new UMImage(Context, Bitmap);

看umeng的API知道在构造分享图片UMImage的时候须要一个 Bitmap 对象,因此咱们须要将刚刚建立好的 RelativeLayout 转化成 Bitmap 对象spa

Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);

布局的高度和宽度怎么写呢?简单!写死不就完了。呵呵,若是你这么想那你就掉到坑里了,写死宽高并不能正常的建立Bitmap,最重要的是,在不一样手机上显示的图片真的是惨不忍睹。因此最好的就是将宽高所有设置为 match_parent 而后再用代码去得到布局的宽高。获取一个视图的宽高须要用到ViewTreeObserver 关于ViewTreeObserver 能够参考这篇文章 OnGlobalLayoutListener得到一个视图的高度设计

具体实现的代码以下code

ViewTreeObserver vto = v.getViewTreeObserver();
        vto.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                v.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                int width = v.getMeasuredWidth();
                int height = v.getMeasuredHeight();
                final Bitmap bb = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
                Canvas c = new Canvas(bb);
                v.layout(v.getLeft(), v.getTop(), v.getRight(), v.getBottom());
                v.draw(c);

                final UMImage image = new UMImage(NewProductActivity.this, bb);
                //以后进行分享操做
              }

还有两个须要注意的地方server

  • 分享的视图不能gone掉,若是gone掉是不能正常获取布局的宽高的,能够想办法将其隐藏掉

  • 并非全部用户都须要分享的,因此不用每次进去都去绘制,能够在用户点击分享按钮的时候再去绘制须要的部分

完整代码就不贴了,很简单,若是有什么不懂得,能够联系我。

原文地址:http://hedgehog.love/2016/02/28/In-the-code-synthesized-image/转载请注明出处!

相关文章
相关标签/搜索