iOS類似于搜索歷史記錄布局的兩種實現方式

gitHub地址:github.com/wangtongke/AutoFitLabel.git

如果是下面這種的

則比較容易實現。一種是通過動態(tài)計算label的寬度症革,九宮格創(chuàng)建鸯旁。另外一種就是使用collectionView,重寫layout來實現艇挨,也就是一個橫向的瀑布流布局。推薦使用MSSAutoresizeLabelFlow吉殃,已經封裝好楷怒,創(chuàng)建時傳一個數組即可鸠删,點擊事件則通過block傳遞贼陶。創(chuàng)建方式如下

另外一種如下圖

這種就比較蛋疼了碉怔,橫向瀑布流用不了了。只能自己用九宮格寫桨踪。下面說一下要點及思路锻离。

1墓怀、每行的字數、label個數都是不固定的虱朵,但是間距都是一定的钓账,并且距離邊界都是一樣的。

2翅敌、每一個級別的高度也是不固定的惕蹄,

3、上面點擊之后遭顶,下級會改變棒旗,所以還要考慮重用。

下面主要說一下九宮格創(chuàng)建饶深」涔埃考慮到每行不能超過多少個字,或者不能多于幾個按鈕(這里設置的是18個字俱两,6個按鈕)曹步,并且每行最少兩個讲婚。所以使用了雙重循環(huán),第一層循環(huán)為遍歷整個數組纳猫,內嵌兩個循環(huán)竹捉,一個循環(huán)為while循環(huán)判斷每行不能超過18個字或者6個按鈕。另外一個循環(huán)創(chuàng)建btn侵续。 ?

如下:

內部while循環(huán)

超過18個字或者大于6個就跳出循環(huán)状蜗,btnNum為本次循環(huán)所要創(chuàng)建的btn個數轧坎。


結束本次外部循環(huán)后泽示,使i= j,然后再開始下一行的循環(huán)捎泻。

gitHub地址GitHub - wangtongke/AutoFitLabel: 自適應label布局笆豁,類似于歷史搜索列表

github上面只有下面這兩種布局。沒有多級聯動類的布局煞赢。


另外按鈕寬度根據文字計算哄孤,這個不在多說

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末耕驰,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子录豺,更是在濱河造成了極大的恐慌,老刑警劉巖饭弓,帶你破解...
    沈念sama閱讀 206,723評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件双饥,死亡現場離奇詭異,居然都是意外死亡弟断,警方通過查閱死者的電腦和手機咏花,發(fā)現死者居然都...
    沈念sama閱讀 88,485評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來阀趴,“玉大人昏翰,你說我怎么就攤上這事刘急∨锞眨” “怎么了?”我有些...
    開封第一講書人閱讀 152,998評論 0 344
  • 文/不壞的土叔 我叫張陵叔汁,是天一觀的道長统求。 經常有香客問我,道長据块,這世上最難降的妖魔是什么码邻? 我笑而不...
    開封第一講書人閱讀 55,323評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮另假,結果婚禮上像屋,老公的妹妹穿的比我還像新娘。我一直安慰自己边篮,他們只是感情好己莺,可當我...
    茶點故事閱讀 64,355評論 5 374
  • 文/花漫 我一把揭開白布奏甫。 她就那樣靜靜地躺著,像睡著了一般篇恒。 火紅的嫁衣襯著肌膚如雪扶檐。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,079評論 1 285
  • 那天胁艰,我揣著相機與錄音款筑,去河邊找鬼。 笑死腾么,一個胖子當著我的面吹牛奈梳,可吹牛的內容都是我干的。 我是一名探鬼主播解虱,決...
    沈念sama閱讀 38,389評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼攘须,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了殴泰?” 一聲冷哼從身側響起于宙,我...
    開封第一講書人閱讀 37,019評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎悍汛,沒想到半個月后捞魁,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 43,519評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡离咐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,971評論 2 325
  • 正文 我和宋清朗相戀三年谱俭,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片宵蛀。...
    茶點故事閱讀 38,100評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡昆著,死狀恐怖,靈堂內的尸體忽然破棺而出术陶,到底是詐尸還是另有隱情凑懂,我是刑警寧澤,帶...
    沈念sama閱讀 33,738評論 4 324
  • 正文 年R本政府宣布梧宫,位于F島的核電站征候,受9級特大地震影響,放射性物質發(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

推薦閱讀更多精彩內容