Android分享微信小程序技巧之图片优化

2019-08-05 09:49| 发布者: |

前言

小菜上周接入了微信分享小程序的入口,基本功能实现都没问题,有需要的朋友可以了解一下 android 分享微信小程序失败二三事,虽然功能都正常,但整体测试发现图片展示效果不佳。于是小菜整理了一个简单的小方法处理一下图片!


微信规定,分享小程序展示的图片应该在 128kb 以内,同时图片默认展示比例为 5:4,这样小菜默认的图很多是竖直的图,只会展示一部分。



小菜尝试了图片的和,效果依旧不合适,图片所占位置默认以横向方向填充满分享出的布局。于是小菜决定重新用 canvas 绘制一张图,将所要展示的图片居中展示,整理方法如下:

public static bitmap drawwxminibitmap {
 bitmap mbitmap = bitmap.createbitmap;
 // 用这个bitmap生成一个canvas,然后canvas就会把内容绘制到上面这个bitmap中
 canvas mcanvas = new canvas;
 // 绘制画笔
 paint mpicturepaint = new paint;
 // 绘制背景图片
 mcanvas.drawbitmap;
 // 绘制图片的宽、高
 int width_head = bitmap.getwidth;
 int height_head = bitmap.getheight;
 // 绘制图片--保证其在水平方向居中
 mcanvas.drawbitmap / 2,  / 2,
 mpicturepaint);
 // 保存绘图为本地图片
 mcanvas.save;
 mcanvas.restore;
 return mbitmap;
}

小菜测试时发现,很多图片的尺寸大小和宽高比并非固定的,为了适配整体展示效果,当宽高比小于1时,根据图片高度来计算整体绘制 bitmap 宽,bitmap 可以根据需求展示相应的本地资源图或网络图,宽高可以直接设置 5:4 大小,小菜测试 width = 300; height = 240 整体效果较为合适。大家可以根据个人需求自定义图片样式。


bitmap bitmap = bitmaputil.drawwxminibitmap * 5 / 4, bitmap.getheight);
if ) {
 bitmap = utils.resizebitmap;
}

___s: 绘制完成之后的图会比原图大,所以需要先绘制图片,再判断图片是否超过 128kb。若超过 128kb 需要进行压缩,公共的方法暂时就省略啦!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对萬仟网的支持。

<
>
关于我们
AB模版网成立于2014年,我们是一家专注用户体验设计开发与互联网品牌建设的设计公司,创立至今为2000多位客户提供了创新与专业的设计方案。设计服务范围包括:交互原型设计、产品视觉设计、网站设计与开发建设、移动及软件产品界面设计、图标设计、品牌及平面设计等。

联系我们

13588889999服务时间:9:00-18:00)

admin@adminbuy.cn

官方微信官方微信

部门热线

前   台:13588889999
业务部:13588889999
客服部:13588889999
技术部:13566667777
人事部:13566667777

咨询电话13588889999 返回顶部
返回顶部