iOS圖文混排的幾種方式

最近優(yōu)化升級了之前做的一個項目评雌,現(xiàn)在這一期已接近尾聲了直焙,今天可以騰出些時間總結(jié)一下最近項目中用的比較多的圖片文字混排顯示的內(nèi)容。現(xiàn)在遇到比較多的圖文混排的基本有三種:一種是在標簽中顯示 價格符號+價格+某種內(nèi)部項目單位(如糧票符號)+數(shù)量奔誓,這種在項目中用的比較多些;第二種是商品詳情中展示一段文字+一組圖片或者是和措,一段文字+一張圖片的數(shù)組形式展示蜕煌,這種在詳情中用的也不少;還有一種的和第二種類似贫母,像是網(wǎng)頁中的東西盒刚,這里就不多說了;下面說說前兩種比較常用的圖文混排展示的方式橘原;

1、在標簽中顯示價格單位+價格+項目內(nèi)部單位符號+數(shù)量的一種方式;這種方式用的還是比較多的吏颖,一種比較簡單的方式是從網(wǎng)上可以找到第三方支持圖片顯示的控件靡狞,像是CTTextDisplayView-master隔嫡,在cocoaChina或者Code4App上面可以搜索的到,里面封裝了一個view類型的cell對象梢杭,支持圖片秸滴、文字、超鏈接咒唆、@某人等效果释液,需要的話可以自己去下載,用了一次效果還是不錯的浸船,功能很強大寝蹈,還支持對指定文本字段的點擊效果;另外一種方式是可以在UILabel標簽中通過對標簽的重繪封字,也可以實現(xiàn)同樣的效果槽惫;廢話不多說直接上代碼了辩撑。

NSString *temStr = [NSString stringWithFormat:@"¥%.2f + ",[price floatValue]-[score floatValue]];

NSTextAttachment* attach = [[NSTextAttachment alloc] init];

attach.image = [UIImage imageNamed:@"P灰色列表糧票符號.png"];

NSAttributedString* attStr1 = [NSAttributedString attributedStringWithAttachment:attach];

NSMutableAttributedString* attStr = [[NSMutableAttributedString alloc] initWithAttributedString:attStr1];

NSMutableAttributedString *strMatt = [[NSMutableAttributedString alloc] initWithString:temStr];

//在圖片前面插入一段文字

[attStr insertAttributedString:strMatt atIndex:0];

//在圖片后面追加一段文字

[attStr appendAttributedString:[[NSAttributedString alloc] initWithString:[NSString stringWithFormat:@"%.2f",[score floatValue]]]];

//設(shè)置圖片的大小

attach.bounds = CGRectMake(0, 0, 8, 9);

cell.lblrealprice.attributedText = attStr;

2合冀、在詳情中實現(xiàn)圖文混排的方式

,或者是一段文字+一張圖片作為一個整體的一組展示;前面的這種需要實現(xiàn)文本高度的動態(tài)判斷开缎,然后根據(jù)圖片數(shù)組的個數(shù)動態(tài)的計算整體的高度和圖片顯示的位置即可林螃,當然還有個查看大圖的效果這里就不詳細敘述了。第二種可以將標簽完残、圖片封裝成一個cell動態(tài)判斷每一個cell的文本高度+圖片是否存在即可横漏;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末缎浇,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子素跺,更是在濱河造成了極大的恐慌亡笑,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,946評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件百拓,死亡現(xiàn)場離奇詭異晰甚,居然都是意外死亡,警方通過查閱死者的電腦和手機厕九,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評論 3 399
  • 文/潘曉璐 我一進店門扁远,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人并闲,你說我怎么就攤上這事谷羞。” “怎么了犀填?”我有些...
    開封第一講書人閱讀 169,716評論 0 364
  • 文/不壞的土叔 我叫張陵,是天一觀的道長图贸。 經(jīng)常有香客問我冕广,道長求妹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,222評論 1 300
  • 正文 為了忘掉前任佳窑,我火速辦了婚禮制恍,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘神凑。我一直安慰自己净神,他們只是感情好,可當我...
    茶點故事閱讀 69,223評論 6 398
  • 文/花漫 我一把揭開白布溉委。 她就那樣靜靜地躺著鹃唯,像睡著了一般。 火紅的嫁衣襯著肌膚如雪瓣喊。 梳的紋絲不亂的頭發(fā)上坡慌,一...
    開封第一講書人閱讀 52,807評論 1 314
  • 那天,我揣著相機與錄音洪橘,去河邊找鬼。 笑死棵帽,一個胖子當著我的面吹牛熄求,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播逗概,決...
    沈念sama閱讀 41,235評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼弟晚,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了逾苫?” 一聲冷哼從身側(cè)響起卿城,我...
    開封第一講書人閱讀 40,189評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎铅搓,沒想到半個月后瑟押,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,712評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡狸吞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,775評論 3 343
  • 正文 我和宋清朗相戀三年勉耀,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蹋偏。...
    茶點故事閱讀 40,926評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡便斥,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出威始,到底是詐尸還是另有隱情枢纠,我是刑警寧澤,帶...
    沈念sama閱讀 36,580評論 5 351
  • 正文 年R本政府宣布黎棠,位于F島的核電站晋渺,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏脓斩。R本人自食惡果不足惜木西,卻給世界環(huán)境...
    茶點故事閱讀 42,259評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望随静。 院中可真熱鬧八千,春花似錦、人聲如沸燎猛。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,750評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽重绷。三九已至沸停,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間昭卓,已是汗流浹背愤钾。 一陣腳步聲響...
    開封第一講書人閱讀 33,867評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留候醒,地道東北人绰垂。 一個月前我還...
    沈念sama閱讀 49,368評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像火焰,于是被迫代替她去往敵國和親劲装。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,930評論 2 361

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