微信分享，图标背景黑色问题解决

背景
在做微信分享，分享带图标的链接时，并没有达到我们想要的效果，图标背景是黑色的，如下两张图。

而我们要的效果是这样的：

下来我们想办法给该图标背面加一层白色背景。

XML方法解决
这里用到了Drawable Resources 里的layer list知识。
res/drawable/layer_icon.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android" ><item
        android:drawable="@color/white"/><item
        android:drawable="@drawable/icon" />
</layer-list>

在分享时这样获取bitmap即可:

Bitmap bitmap = BitmapUtil.getBitmapFromResources(this,R.drawable.layer_icon);

Java方法解决
此方法主要针对该图标不在本地res里，而是线上获取的。需要注意的是以下方法中bitmap参数，最好也是200*200的大小，也是ARGB_8888的位图像素配置。

    /*** 把bitmap画到一个白底的newBitmap上,将newBitmap返回* @param context 上下文* @param bitmap 要绘制的位图* @return Bitmap*/public static Bitmap drawableBitmapOnWhiteBg(Context context,Bitmap bitmap){Bitmap newBitmap = Bitmap.createBitmap(200, 200, Bitmap.Config.ARGB_8888);Canvas canvas = new Canvas(newBitmap);canvas.drawColor(context.getResources().getColor(android.R.color.white));Paint paint=new Paint();canvas.drawBitmap(bitmap, 0, 0, paint); //将原图使用给定的画笔画到画布上return newBitmap;}

微信分享，图标背景黑色问题解决相关推荐

image-conversion库压缩png图片背景黑色问题解决
首先说一下,压缩主要是通过减低清晰度和缩小图片宽高进行的. 使用这里不讲,请看官方结束: https://www.npmjs.com/package/image-conversion 1.问题分析由 ...
关于微信分享签名不一致的问题解决
如果你发现你其他操作没错,签名和微信开放平台的也一致,但是却报了微信应用签名与开放平台不一致的错误. !!! 那你就要注意了:微信使用的应用签名必须是MD5,不能使用SHA1
微信分享圆角图片有黑色部分
近期做微信分享,分享时图片需要用app的logo做为分享图标,因为logo是一个圆角的图标,并且背景为透明色,所以导致分享后图片有黑色的部分 1.第一种解决方案就是直接让ui重新切图 2.直接用代码实 ...
微信分享给朋友图片显示正常，但是分享到朋友圈图片黑色【显示不出来】
#微信分享给朋友图片显示正常,但是分享到朋友圈图片黑色[显示不出来] A.初始图片为PNG 透明无背景色, 解决过程: 1.修改了文件名等还是不行 2.将原有图片添加背景色后显示正常总结:微信分享 ...
微信分享，实现自定义标题、描述、图标
使用JSSDK+PHP实现网页微信自定义分享步骤一:绑定域名.设置白名单登录微信公众平台,进入"公众号设置"的"功能设置"里填写"JS接口安全域名 ...
微信h5分享图标没有展示
图标的尺寸太小,在webpack打包时被压缩成base64格式的,而微信分享的图标不支持这种格式. 解决办法: 1 把图标上传到cdn上,分享的地址写图标上传后的地址即可,或者通过接口请求图标地址 ...
微信网页开发——JS-SDK接入以及微信二次分享图标和标题丢失
JSSDK使用步骤步骤一:绑定域名先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名". 备注:登录后可在&qu ...
微信分享显示分享标题及小图标前端代码
1.首先需要微信公众号配置域名 2.引入微信js <script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js" t ...
第三方网站接入微信JS-SDK的分享自定义设置，微信分享小图标以及标题
首先这个坑是工作遇到的问题,正好需要分享链接有小图,于是各种百度,发现这里第三方网址需要接入微信的东西,才能正常的显示出小图等. 对于想了解如何操作的,觉得我的博客看不太懂的,可以参考慕课网-微信相 ...
名编辑电子杂志大师教程 | 如何设置电子书微信分享的标题,小图标,描述?
当您将做好的H5微杂志发布到微信上,并分享给朋友或者朋友圈的时候,微信上会弹出一个对话框,对话框上包含了以下信息:标题,缩略图以及描述.如图: [▲图1] 分享相关信息的设置是需要根据微信JS-SDK ...

微信分享，图标背景黑色问题解决

微信分享，图标背景黑色问题解决相关推荐

最新文章

热门文章