美文网首页
在代码中合成图片然后分享

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

作者: hedge_hog | 来源:发表于2016-03-01 21:22 被阅读635次

    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/ 转载请注明出处!

    相关文章

      网友评论

          本文标题:在代码中合成图片然后分享

          本文链接:https://www.haomeiwen.com/subject/gqcnkttx.html