聊天氣泡背景圖片拉伸設(shè)置

? ? ? ?以前一直對類似聊天氣泡背景圖片拉伸的設(shè)置糾結(jié),不管如何設(shè)置UIEdgeInsets屬性都不能正常設(shè)置犁罩,今天對以下幾種情況進行了總結(jié)齐蔽,如有需要的同學可進行參考:

項目地址:https://github.com/loverjiao0321/EdgeInsetsDemo

說明:

/**

1、UIEdgeInsets中的值都可以以像素為單位進行設(shè)置

2床估、測量凸起部分距離圖片邊緣值時含滴,若有存在圓角部分,計算時最好將圓角部分出去丐巫,如: - (void)addDialogueLeft;方法中左側(cè)凸起部分為12像素谈况,圖片額外含圓角部分8像素勺美,則UIEdgeInsets中l(wèi)eft和right值>= (12+8)計算

**/

/**

*添加左側(cè)凸起背景圖片

*/

leftDialogue

- (void)addDialogueLeft

{

UIImageView *bgImageView = [[UIImageView alloc] initWithFrame:CGRectMake(30, dialogueCount * (kDialogueSpace + kDialogueViewHeight), 315, kDialogueViewHeight)];

UIImage *image = [UIImage imageNamed:@"dialogueLeft"];

/*該圖片尺寸為354*97

**1、凸起部分右側(cè)距離圖片左側(cè)邊緣大概為20(包括圓角部分寬度)碑韵,因此UIEdgeInsets中l(wèi)eft和right值>= 20即可.(此值若不合適繼續(xù)調(diào)大)

**2赡茸、不涉及上下距離,整體高度為97泼诱,因此UIEdgeInsets中top和bottom值<= 48即可.(此值若不合適繼續(xù)調(diào)小)

*/

UIEdgeInsets insets = UIEdgeInsetsMake(45, 20, 45, 20);

UIImage *insetImage = [image resizableImageWithCapInsets:insets];

bgImageView.image = insetImage;

[self.view addSubview:bgImageView];

dialogueCount++;

}

/**

*添加右側(cè)凸起背景圖片

*/

rightDialogue

- (void)addDialogueRight

{

UIImageView*bgImageView = [[UIImageViewalloc]initWithFrame:CGRectMake(30,dialogueCount* (kDialogueSpace+kDialogueViewHeight),315,kDialogueViewHeight)];

UIImage*image = [UIImageimageNamed:@"dialogueRight"];

/*該圖片尺寸為354*97

**1坛掠、凸起部分左側(cè)距離圖片右側(cè)邊緣大概為20(包括圓角部分寬度),因此UIEdgeInsets中l(wèi)eft和right值>= 20即可.(此值若不合適繼續(xù)調(diào)大)

**2治筒、不涉及上下距離屉栓,整體高度為97,因此UIEdgeInsets中top和bottom值<= 48即可.(此值若不合適繼續(xù)調(diào)小)

*/

UIEdgeInsetsinsets =UIEdgeInsetsMake(45,20,45,20);

UIImage*insetImage = [imageresizableImageWithCapInsets:insets];

bgImageView.image= insetImage;

[self.viewaddSubview:bgImageView];

}

/**

*添加左上角凸起背景圖片

*/

topLeftDialogue

- (void)addDialogueTopLeft

{

UIImageView*bgImageView = [[UIImageViewalloc]initWithFrame:CGRectMake(30,dialogueCount* (kDialogueSpace+kDialogueViewHeight),315,kDialogueViewHeight)];

UIImage*image = [UIImageimageNamed:@"dialogueTopLeft"];

/*該圖片尺寸為343*106

**1耸袜、凸起部分右側(cè)距離圖片左側(cè)邊緣大概為27友多,因此UIEdgeInsets中l(wèi)eft和right值>= 27即可.(此值若不合適繼續(xù)調(diào)大)

**2、凸起部分底部圖片高度(除去凸起高度)大概為98堤框,因此UIEdgeInsets中top和bottom值<= 49即可.(此值若不合適繼續(xù)調(diào)小)

*/

UIEdgeInsetsinsets =UIEdgeInsetsMake(40,27,40,27);

UIImage*insetImage = [imageresizableImageWithCapInsets:insets];

bgImageView.image= insetImage;

[self.viewaddSubview:bgImageView];

}

/**

*添加左下角凸起背景圖片

*/

bottomLeftDialogue

- (void)addDialogueBottomLeft

{

UIImageView*bgImageView = [[UIImageViewalloc]initWithFrame:CGRectMake(30,dialogueCount* (kDialogueSpace+kDialogueViewHeight),315,kDialogueViewHeight)];

UIImage*image = [UIImageimageNamed:@"dialogueBottomLeft"];

/*該圖片尺寸為343*106

**1域滥、凸起部分右側(cè)距離圖片左側(cè)邊緣大概為23,因此UIEdgeInsets中l(wèi)eft和right值>= 23即可.(此值若不合適繼續(xù)調(diào)大)

**2蜈抓、凸起部分底部圖片高度(除去凸起高度)大概為97启绰,因此UIEdgeInsets中top和bottom值<= 48即可.(此值若不合適繼續(xù)調(diào)小)

*/

UIEdgeInsetsinsets =UIEdgeInsetsMake(40,23,40,23);

UIImage*insetImage = [imageresizableImageWithCapInsets:insets];

bgImageView.image= insetImage;

[self.viewaddSubview:bgImageView];

}

/**

*添加右上角凸起背景圖片

*/

topRightDialogue

- (void)addDialogueTopRight

{

UIImageView*bgImageView = [[UIImageViewalloc]initWithFrame:CGRectMake(30,dialogueCount* (kDialogueSpace+kDialogueViewHeight),315,kDialogueViewHeight)];

UIImage*image = [UIImageimageNamed:@"dialogueTopRight"];

/*該圖片尺寸為343*106

**1、凸起部分左側(cè)距離圖片右側(cè)邊緣大概為22沟使,因此UIEdgeInsets中l(wèi)eft和right值>= 22即可.(此值若不合適繼續(xù)調(diào)大)

**2委可、凸起部分底部圖片高度(除去凸起高度)大概為98,因此UIEdgeInsets中top和bottom值<= 49即可.(此值若不合適繼續(xù)調(diào)小)

*/

UIEdgeInsetsinsets =UIEdgeInsetsMake(40,22,40,22);

UIImage*insetImage = [imageresizableImageWithCapInsets:insets];

bgImageView.image= insetImage;

[self.viewaddSubview:bgImageView];

}

/**

*添加右下角凸起背景圖片

*/

bottomRightDialogue

- (void)addDialogueBottomRight

{

UIImageView*bgImageView = [[UIImageViewalloc]initWithFrame:CGRectMake(30,dialogueCount* (kDialogueSpace+kDialogueViewHeight),315,kDialogueViewHeight)];

UIImage*image = [UIImageimageNamed:@"dialogueBottomRight"];

/*該圖片尺寸為343*106

**1腊嗡、凸起部分左側(cè)距離圖片右側(cè)邊緣大概為54着倾,因此UIEdgeInsets中l(wèi)eft和right值>= 54即可.(此值若不合適繼續(xù)調(diào)大)

**2、凸起部分底部圖片高度(除去凸起高度)大概為96燕少,因此UIEdgeInsets中top和bottom值<= 48即可.(此值若不合適繼續(xù)調(diào)小)

*/

UIEdgeInsetsinsets =UIEdgeInsetsMake(45,54,45,54);

UIImage*insetImage = [imageresizableImageWithCapInsets:insets];

bgImageView.image= insetImage;

[self.viewaddSubview:bgImageView];

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末卡者,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子客们,更是在濱河造成了極大的恐慌崇决,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,723評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件底挫,死亡現(xiàn)場離奇詭異嗽桩,居然都是意外死亡,警方通過查閱死者的電腦和手機凄敢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來湿痢,“玉大人涝缝,你說我怎么就攤上這事扑庞。” “怎么了拒逮?”我有些...
    開封第一講書人閱讀 152,998評論 0 344
  • 文/不壞的土叔 我叫張陵罐氨,是天一觀的道長。 經(jīng)常有香客問我滩援,道長栅隐,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,323評論 1 279
  • 正文 為了忘掉前任玩徊,我火速辦了婚禮租悄,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘恩袱。我一直安慰自己泣棋,他們只是感情好,可當我...
    茶點故事閱讀 64,355評論 5 374
  • 文/花漫 我一把揭開白布畔塔。 她就那樣靜靜地躺著潭辈,像睡著了一般。 火紅的嫁衣襯著肌膚如雪澈吨。 梳的紋絲不亂的頭發(fā)上把敢,一...
    開封第一講書人閱讀 49,079評論 1 285
  • 那天,我揣著相機與錄音谅辣,去河邊找鬼修赞。 笑死,一個胖子當著我的面吹牛屈藐,可吹牛的內(nèi)容都是我干的榔组。 我是一名探鬼主播,決...
    沈念sama閱讀 38,389評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼联逻,長吁一口氣:“原來是場噩夢啊……” “哼搓扯!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起包归,我...
    開封第一講書人閱讀 37,019評論 0 259
  • 序言:老撾萬榮一對情侶失蹤锨推,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后公壤,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體换可,經(jīng)...
    沈念sama閱讀 43,519評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,971評論 2 325
  • 正文 我和宋清朗相戀三年厦幅,在試婚紗的時候發(fā)現(xiàn)自己被綠了沾鳄。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,100評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡确憨,死狀恐怖译荞,靈堂內(nèi)的尸體忽然破棺而出瓤的,到底是詐尸還是另有隱情,我是刑警寧澤吞歼,帶...
    沈念sama閱讀 33,738評論 4 324
  • 正文 年R本政府宣布圈膏,位于F島的核電站,受9級特大地震影響篙骡,放射性物質(zhì)發(fā)生泄漏稽坤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,293評論 3 307
  • 文/蒙蒙 一糯俗、第九天 我趴在偏房一處隱蔽的房頂上張望尿褪。 院中可真熱鬧,春花似錦叶骨、人聲如沸茫多。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽天揖。三九已至,卻和暖如春跪帝,著一層夾襖步出監(jiān)牢的瞬間今膊,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評論 1 262
  • 我被黑心中介騙來泰國打工伞剑, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留斑唬,地道東北人。 一個月前我還...
    沈念sama閱讀 45,547評論 2 354
  • 正文 我出身青樓黎泣,卻偏偏與公主長得像恕刘,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子抒倚,可洞房花燭夜當晚...
    茶點故事閱讀 42,834評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 一褐着、目錄 1> 圖片拉伸處理 2> 圖片擴展名 3> 大圖減小高度,圖片拉伸處理 4> 點擊大圖托呕,Modal出來含蓉,...
    iOS_成才錄閱讀 5,088評論 1 33
  • 導(dǎo)語: 有時候?qū)σ粋€圖片進行常規(guī)的縮放達不到我們想要的效果,比如聊天氣泡的大小项郊、帶邊框的按鈕背景馅扣。通常我們會設(shè)置某...
    Jarvi閱讀 1,573評論 0 5
  • 幾聲犬吠/ 刺入夜的真皮/ 夜的軀體隨即惶恐蜷曲/ 髕骨紅熱/ 腿骨寒冷/ 奔跑的時候/ 切分音四散飄落/ 落地生...
    雨渡雪牧閱讀 192評論 0 0
  • 起風了 昨夜西風凋碧樹 是誰惹怒了冬天 任由西風舞動長纓在窗外咆哮 在本該是“吹面不寒楊柳風”的時節(jié) 怒目狂飆 是...
    云水禪心ZLM閱讀 281評論 4 7