ios 仿微信,簡訊聊天氣泡

2021-08-27 16:59:01 字數 1554 閱讀 7112

其實實現很簡單,主要是控制項的自適應撐高,這裡用到的是cell。

核心**

-(uiview

*)bubbleview:(nsstring

*)textimagename:(nsstring

*)name

else

uiimageview

*bubbleimageview

=[[uiimageviewalloc]

initwithimage:bubble];

uifont

*font

=[uifontsystemfontofsize:

13];

cgsize

size

=[text

sizewithfont:font

constrainedtosize:cgsizemake(

220.0f,

1000.0f

)linebreakmode:

cgsize

new1

=[text

sizewithfont:font

constrainedtosize:cgsizemake(

220.0f,

size

.height)

linebreakmode:

uilabel

*bubbletext;

if([name

isequaltostring:@"1"])else

bubbletext

.backgroundcolor

=[uicolorclearcolor];

bubbletext.

font

=font;

bubbletext.

numberoflines=0;

bubbletext

.linebreakmode=

bubbletext.

text

=text;

bubbleimageview.

frame

=cgrectmake(0

.0f,0.

0f,new1.

width

+20,new1.

height+20

.0f);

if([name

isequaltostring:@"1"])else

[returnview

addsubview:bubbleimageview];

[returnview

addsubview:bubbletext];

return

returnview;

} 這段**可以直接使用,在tableview的**方法裡還要實現cell自適應的高度

-(cgfloat)tableview:(uitableview

*)tableviewheightforrowatindexpath:(nsindexpath

*)indexpath

Android 仿微信聊天氣泡

第一次寫部落格,遇見了這樣的需求,當時看見那個角就有點觸了,想到了自定義去實現但是思路不是很明確,跟老大請教了下,給了我思路就開始上手,但是還是出不來想要的效果,最後功夫不負有心人啊,上效果圖吧,這是乙個自定義組合空間,可以往裡面放任何控制項,自定義 效果 public class chatitem...

CSS 如何實現微信聊天氣泡

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

CSS3 仿微信聊天小氣泡

今天給大家分享乙個我剛做的專案中的乙個小案例,因為我們在做乙個聊天的功能,之前的聊天頁面ui很醜,我就不在這裡展示給大家了。頁面大致就是這個樣子,接下來我們來一起學習製作步驟吧。divclass leftd spanng class leftd h imgng src img c pic.pn di...