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

2016-03-01 本文已影响635人 hedge_hog

PS：这个方法很挫，没有什么参考价值，不要看了

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

需求是这样的，要将app中商品的图片分享到外部，但是分享出去的图片不单单是商品图片本身，还要带上分享者和商品的信息，还有我们app的二维码等信息，看下图。

这个是app内商品的信息

这个分享出去后的样子

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

我们倒着来想，umeng分享在分享图片的时候需要的图片是什么类型的，

UMImage image = new UMImage(Context, Bitmap);

看umeng的API知道在构造分享图片UMImage的时候需要一个 Bitmap 对象，所以我们需要将刚刚创建好的 RelativeLayout 转化成 Bitmap 对象

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

布局的高度和宽度怎么写呢？简单！写死不就完了。呵呵，如果你这么想那你就掉到坑里了，写死宽高并不能正常的创建Bitmap，最重要的是，在不同手机上显示的图片真的是惨不忍睹。所以最好的就是将宽高全部设置为 match_parent 然后再用代码去获得布局的宽高。获取一个视图的宽高需要用到ViewTreeObserver 关于ViewTreeObserver 可以参考这篇文章 OnGlobalLayoutListener获得一个视图的高度

具体实现的代码如下

 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);
                //之后进行分享操作
              }

还有两个需要注意的地方

分享的视图不能gone掉，如果gone掉是不能正常获取布局的宽高的，可以想办法将其隐藏掉
并不是所有用户都需要分享的，所以不用每次进去都去绘制，可以在用户点击分享按钮的时候再去绘制需要的部分

完整代码就不贴了，很简单，如果有什么不懂得，可以联系我。

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

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

猜你喜欢

热点阅读