您好,登錄后才能下訂單哦!
這篇“Android中如何優化微信小程序的圖片”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內容,內容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“Android中如何優化微信小程序的圖片”文章吧。
微信規定,分享小程序展示的圖片應該在 128KB 以內,同時圖片默認展示比例為 5:4,這樣小菜默認的圖很多是豎直的圖,只會展示一部分。
遮擋部分圖片
規定
小菜嘗試了圖片的【等比壓縮】【非等比壓縮】和【不壓縮】,效果依舊不合適,圖片所占位置默認以橫向方向填充滿分享出的布局。于是小菜決定重新用 Canvas 繪制一張圖,將所要展示的圖片居中展示,整理方法如下:
public static Bitmap drawWXMiniBitmap(Bitmap bitmap, int width, int height) { Bitmap mBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888); // 用這個Bitmap生成一個Canvas,然后canvas就會把內容繪制到上面這個bitmap中 Canvas mCanvas = new Canvas(mBitmap); // 繪制畫筆 Paint mPicturePaint = new Paint(); // 繪制背景圖片 mCanvas.drawBitmap(mBitmap, 0.0f, 0.0f, mPicturePaint); // 繪制圖片的寬、高 int width_head = bitmap.getWidth(); int height_head = bitmap.getHeight(); // 繪制圖片--保證其在水平方向居中 mCanvas.drawBitmap(bitmap, (width - width_head) / 2, (height - height_head) / 2, mPicturePaint); // 保存繪圖為本地圖片 mCanvas.save(); mCanvas.restore(); return mBitmap; }
小菜測試時發現,很多圖片的尺寸大小和寬高比并非固定的,為了適配整體展示效果,當寬高比小于1時,根據圖片高度來計算整體繪制 Bitmap 寬,Bitmap 可以根據需求展示相應的本地資源圖或網絡圖,寬高可以直接設置 5:4 大小,小菜測試 width = 300; height = 240 整體效果較為合適。大家可以根據個人需求自定義圖片樣式。
Bitmap bitmap = BitmapUtil.drawWXMiniBitmap(bitmap, bitmap.getHeight() * 5 / 4, bitmap.getHeight()); if (BitmapUtil.isOverSize(bitmap, 128)) { bitmap = Utils.resizeBitmap(bitmap, 300, 240); }
Tips: 繪制完成之后的圖會比原圖大,所以需要先繪制圖片,再判斷圖片是否超過 128KB。若超過 128KB 需要進行壓縮,公共的方法暫時就省略啦!
以上就是關于“Android中如何優化微信小程序的圖片”這篇文章的內容,相信大家都有了一定的了解,希望小編分享的內容對大家有幫助,若想了解更多相關的知識內容,請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。