關(guān)于 tableView 復(fù)用 cell 上添加子視圖導(dǎo)致重疊的問題

這是一個(gè)在日常開發(fā)中經(jīng)常會(huì)遇到的問題基括。先來看看產(chǎn)生問題的代碼:

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    var cell: UITableViewCell? = nil
    cell = tableView.dequeueReusableCell(withIdentifier: "cell")
    if cell == nil {
        cell = UITableViewCell(style: .default, reuseIdentifier: "cell")
    }
    let segment = UISegmentedControl(items: ["value1", "value2"])
    segment.frame = CGRect.init(x: 8.0, y: 9.5, width: kScreenWidth - 16.0, height: 25.0)
    segment.selectedSegmentIndex = tempIndex
    segment.addTarget(self, action: #selector(segmentValueDidchanged(sender:)), for: .valueChanged)
    cell!.contentView.addSubview(segment)
    return cell!
}

@objc func segmentValueDidchanged(sender: UISegmentedControl) {
    tempIndex = sender.selectedSegmentIndex
    tableView.reloadData()
}

我的目標(biāo)是想在 cell 上添加一個(gè) segmentedControl煤墙,segmentedControl 的選定值由一個(gè)外部變量 tempIndex 來指定铸豁。同時(shí),在其點(diǎn)擊事件中重載 tableView跛梗。但是運(yùn)行上述代碼弊琴,當(dāng)切換 segmentedControl 時(shí),你會(huì)發(fā)現(xiàn) cell 上的 view 被遮擋了驱闷。原因是因采用了 tableView 的復(fù)用耻台,從隊(duì)列中拿過來的復(fù)用 cell 上已經(jīng)有添加的 segmentedControl,在這基礎(chǔ)上會(huì)再創(chuàng)建一個(gè) segmentedControl 添加上去空另。

那該如何解決這個(gè)問題呢盆耽?

方法一

在 cell 的 contentView 添加子視圖前先刪掉其上所有的子視圖:

_ = cell!.contentView.subviews.map { $0.removeFromSuperview() }
// 添加子視圖的代碼

當(dāng)子視圖的個(gè)數(shù)很多時(shí),從性能角度講不推薦該方法扼菠。

方法二

自定義 UITableViewCell:

class MyCell: UITableViewCell {
    
    var segment: UISegmentedControl!
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        
        segment = UISegmentedControl(items: ["value1", "value2"])
        segment.frame = CGRect.init(x: 8.0, y: 9.5, width: kScreenWidth - 16.0, height: 25.0)
        self.contentView.addSubview(segment)
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    var cell: MyCell? = nil
    cell = tableView.dequeueReusableCell(withIdentifier: "cell") as? MyCell
    if cell == nil {
        cell = MyCell(style: .default, reuseIdentifier: "cell")
    }
    cell!.segment.selectedSegmentIndex = tempIndex
    cell!.segment.addTarget(self, action: #selector(segmentValueDidchanged(sender:)), for: .valueChanged)
    return cell!
}

當(dāng)需要添加很多子視圖時(shí)摄杂,推薦使用該方法。

方法三

設(shè)置子視圖的 tag 值循榆,并通過 viewWithTag 方法獲取子視圖析恢。

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    var cell: UITableViewCell? = nil
    cell = tableView.dequeueReusableCell(withIdentifier: "cell")
    if cell == nil {
        cell = UITableViewCell(style: .default, reuseIdentifier: "cell")
    }
    if let segment = cell!.contentView.viewWithTag(888) as? UISegmentedControl {
        // 已經(jīng)添加了該子視圖
        segment.selectedSegmentIndex = tempIndex
    } else {
        let segment = UISegmentedControl(items: ["value1", "value2"])
        segment.frame = CGRect.init(x: 8.0, y: 9.5, width: kScreenWidth - 16.0, height: 25.0)
        segment.selectedSegmentIndex = tempIndex
        segment.tag = 888
        segment.addTarget(self, action: #selector(segmentValueDidchanged(sender:)), for: .valueChanged)
        cell!.contentView.addSubview(segment)
    }
    return cell!
}

我個(gè)人推薦這種方法。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末秧饮,一起剝皮案震驚了整個(gè)濱河市映挂,隨后出現(xiàn)的幾起案子泽篮,更是在濱河造成了極大的恐慌,老刑警劉巖柑船,帶你破解...
    沈念sama閱讀 221,198評(píng)論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件帽撑,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡鞍时,警方通過查閱死者的電腦和手機(jī)亏拉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來逆巍,“玉大人及塘,你說我怎么就攤上這事≌粑” “怎么了磷蛹?”我有些...
    開封第一講書人閱讀 167,643評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)溪烤。 經(jīng)常有香客問我味咳,道長(zhǎng),這世上最難降的妖魔是什么檬嘀? 我笑而不...
    開封第一講書人閱讀 59,495評(píng)論 1 296
  • 正文 為了忘掉前任槽驶,我火速辦了婚禮,結(jié)果婚禮上鸳兽,老公的妹妹穿的比我還像新娘掂铐。我一直安慰自己,他們只是感情好揍异,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,502評(píng)論 6 397
  • 文/花漫 我一把揭開白布全陨。 她就那樣靜靜地躺著,像睡著了一般衷掷。 火紅的嫁衣襯著肌膚如雪辱姨。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,156評(píng)論 1 308
  • 那天戚嗅,我揣著相機(jī)與錄音雨涛,去河邊找鬼。 笑死懦胞,一個(gè)胖子當(dāng)著我的面吹牛替久,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播躏尉,決...
    沈念sama閱讀 40,743評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼蚯根,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了胀糜?” 一聲冷哼從身側(cè)響起颅拦,我...
    開封第一講書人閱讀 39,659評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤吼具,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后矩距,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,200評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡怖竭,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,282評(píng)論 3 340
  • 正文 我和宋清朗相戀三年锥债,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片痊臭。...
    茶點(diǎn)故事閱讀 40,424評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡哮肚,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出广匙,到底是詐尸還是另有隱情允趟,我是刑警寧澤,帶...
    沈念sama閱讀 36,107評(píng)論 5 349
  • 正文 年R本政府宣布鸦致,位于F島的核電站潮剪,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏分唾。R本人自食惡果不足惜抗碰,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,789評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望绽乔。 院中可真熱鬧弧蝇,春花似錦、人聲如沸折砸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽睦授。三九已至两芳,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間睹逃,已是汗流浹背盗扇。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評(píng)論 1 271
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留沉填,地道東北人疗隶。 一個(gè)月前我還...
    沈念sama閱讀 48,798評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像翼闹,于是被迫代替她去往敵國(guó)和親斑鼻。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,435評(píng)論 2 359

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

  • tableView使用cell對(duì)象(UITableViewCell的實(shí)例)繪制可見的row, 然后緩存這些cell...
    陵無山閱讀 5,283評(píng)論 0 5
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對(duì)...
    cosWriter閱讀 11,109評(píng)論 1 32
  • 一猎荠、簡(jiǎn)介 <<UITableView(或簡(jiǎn)單地說坚弱,表視圖)的一個(gè)實(shí)例是用于顯示和編輯分層列出的信息的一種手段 <<...
    無邪8閱讀 10,612評(píng)論 3 3
  • *7月8日上午 N:Block :跟一個(gè)函數(shù)塊差不多蜀备,會(huì)對(duì)里面所有的內(nèi)容的引用計(jì)數(shù)+1,想要解決就用__block...
    炙冰閱讀 2,492評(píng)論 1 14
  • 三種管教子女的方式: 一是嚴(yán)厲型的教育方式荒叶,就是家長(zhǎng)信奉棍棒底下出孝子碾阁,過度控制孩子,經(jīng)常將孩子的一舉一動(dòng)進(jìn)行密切...
    李曉廲閱讀 280評(píng)論 0 1