Android 仿微信聊天氣泡

2021-08-17 07:59:46 字數 1014 閱讀 5848

第一次寫部落格,遇見了這樣的需求,當時看見那個角就有點觸了,想到了自定義去實現但是思路不是很明確,跟老大請教了下,給了我思路就開始上手,但是還是出不來想要的效果,最後功夫不負有心人啊,上效果圖吧,

這是乙個自定義組合空間,可以往裡面放任何控制項,自定義9patch效果.

public class chatitemlayout extends framelayout 

public chatitemlayout(context context, attributeset attrs)

public chatitemlayout(@nonnull context context, @nullable attributeset attrs, @attrres int defstyleattr)

@override

protected void onmeasure(int widthmeasurespec, int heightmeasurespec)

int child_height = getchildat(0).getmeasuredheight();

int measuredwidth = getchildat(0).getmeasuredwidth();

if (mmaskbitmap != null && !mmaskbitmap.isrecycled())

if (mmaskbitmap == null)

}@override

protected void dispatchdraw(canvas canvas) catch (exception e)

}private void drawmirrorbitmap(canvas canvas)

private bitmap getmask(int width, int height)

這是剛出來效果,還沒有進一步的優化,等後面再優化吧

ios 仿微信,簡訊聊天氣泡

其實實現很簡單,主要是控制項的自適應撐高,這裡用到的是cell。核心 uiview bubbleview nsstring textimagename nsstring name else uiimageview bubbleimageview uiimageviewalloc initwithim...

CSS 如何實現微信聊天氣泡

先來分析一下聊天氣泡 氣泡分割為兩部分,左邊的矩形,右邊的三角形 矩形的實現比較簡單 先對對右邊的三角形進行分析 如果把width,height置為0,效果則如下圖 只需要三角形,所以把border的其中一邊設定為你需要的顏色,其他三個border顏色則設定為與背景顏色相同,就得到了我們想要的三角形...

Android仿微信聊天介面

專案已經傳到了github 同樣我先說下思路 1.定義訊息型別需要將所有的訊息字段定義出來,那麼需要哪些欄位了 如上圖所示,這裡就不解釋了 3,如何布局?private void setimagelayout final imageview img,string url else img.setla...