iOS cell重用问题

在做iOS 开发的最常用到的就是tableview,因此最常见的也就是tableview 的重用问题,这次我来介绍一种tableview 的重用的场景 和如何解决这个重用的问题。首先来看一个图片

1C1B4EAB-491F-47E1-9F64-88A13FC7B270.png

这是一个播放的音乐的界面,这里可能会涉及到两个明显的问题,(1)一个播放进度条的进度渲染,需要用到定时器去不断的渲染红点的位置,那么需要用到多少个定时器,应该怎么优化呢,(2)第二个就是在滚动tableview 由于cell 重用的影响会导致没有被点击的播放的cell,红点的位置,播放时间 ,还有播放按钮的状态错误。
(1)第一个问题和我之前写的一篇文章的思路很类似//www.greatytc.com/p/9784a996d187
大概的思路一个定时器去刷新可见cell 的ui ,由于这个场景是只用对一个cell 操作,那么可以记录下这个正在播放的cell 的索引,通过判断这个cell 是否为空,来判断他是否可见,可以看这个代码段

if   let cell : ReAudioListTableViewCell = tableView1.cellForRowAtIndexPath(curIndex) as? ReAudioListTableViewCell
{
}

那么只需在if里面刷新 cell的ui 即可
(2)第二个问题,由于我们只是处理可见cell 的话,那么在滚动的时候还是会导致其中的一个cell 的由于重用的问题,导致他的进度条的状态和音乐播放时间的状态的错乱,
1 导致错误的原因也很简单,先看下,下面的图片


1515D109-B807-4804-B3E2-F805003828DB.png

由于cell 的重用数组是用从不可见cell获取的,那么可见cell刚好获取正在播放的cell,那么状态就变了。
2要怎么防止重用状态错乱
每次滚动tableview都会调用cellforindexpath,只要我们把每个cell的状态通过这个代理方法告诉tableiview 即可。
3 那么用什么来标记cell的状态,
我现在使用 了curIndex,来记录当前选中的cell 的索引,isplay记录当前选中的cell是否在播放,
大致的思路介绍完了来看下代码

 func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let cell  = tableView.dequeueReusableCellWithIdentifier("cell") as! ReAudioListTableViewCell
        //记录下来判断是否为可见cell
        cell.tag = indexPath.row

        //加载本地音乐
        let path:String = NSBundle.mainBundle().pathForResource("lj", ofType:"mp3")!
        let dict  = ["path" : path , "time":"64.0" , "size":"1.8" ,"second":"64.0"]
        
        cell.getAudioDict(dict)

        cell.title.text = "录音" + String(indexPath.row+1) + ".aac"
        if isfirst
        {
            //第一次加载默认不播放状态
           cell.noPlay()
        }
        else
        {
            //当前点击的索引
            if indexPath.row == curIndex.row
            {
                //如果播放设置为播放的状态
                if isPlay == true
                {
                   //记录播放的状态和进度
                    cell.playBtn.selected = true
                    cell.playBar.playProgress(CGFloat(playProgress))
                }
                //如果没有播放显示未播放状态
                else
                {
                   cell.noPlay()
                }
            }
            //不是当前点击说明没有播放
            else{
                cell.noPlay()
            }
            
        }
        return cell
    }

最后再说说一种场景就是,(1)选择当前的播放的cell,在点一次就需要关闭,(2)或者选择另外一个cell,要暂停前一个,播放当前的这个,思路又是怎样的呢(还是利用的报存当前的索引curIndex)
1 判断curIndex 和 didselect 的index 是否相同,相同的播放 在通过isplay 判断是否正在播放,播放则暂停,暂停则继续播放
2 如果curIndex 和 didselect 的index 不相同,说明是场景2 ,则需要修改判断前一个cell是否在播放,播放则需修改上次状态为暂停,这里需要注意两个点,来看下代码段

func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
        let cell = tableView.cellForRowAtIndexPath(indexPath) as! ReAudioListTableViewCell
        //如果首次播放 curIndex 没有赋值 ,需要特殊处理一下
        if isfirst
        {
            //记录当前选中索引
            //已非第一次选中
            isfirst = false
            //运行定时器
            timeTick = NSTimer.scheduledTimerWithTimeInterval(1, target: self, selector: "playingAction", userInfo: nil, repeats: true)
//            NSRunLoop.currentRunLoop().addTimer(timeTick, forMode: NSRunLoopCommonModes)
            tableView.deselectRowAtIndexPath(indexPath, animated: true)
            cell.startPlay()
           //////////////////////////////////注意
           ////////////curIndex = indexPath 需要写在timeTick.fire() 之前,因为fire() 会让定时器先跑完一次方法,才会执行下面的代码,由于这个curIndex 赋值在定时器方法用到,所以需要先赋值,如果想改变可以将定时器放入队列中
            
            curIndex = indexPath
            timeTick.fire()
        }
        else
        {
            //如果上次选中和当前选中索引相同,说明用户再次点击正在播放的cell,希望音乐暂停
            if(curIndex.row == indexPath.row)
            {
                //如果正在播放
                
                if isPlay == true
                {
                    isPlay = false
                    cell.stopPlay()
                    timeTick.invalidate()
                    
                }
                else
                {
                    cell.startPlay()
                    isPlay = true
                    timeTick = NSTimer.scheduledTimerWithTimeInterval(1, target: self, selector: "playingAction", userInfo: nil, repeats: true)
                    NSRunLoop.currentRunLoop().addTimer(timeTick, forMode: NSRunLoopCommonModes)
                    tableView.deselectRowAtIndexPath(indexPath, animated: true)
                    cell.playBtn.selected = true
                    
                    timeTick.fire()
                    curIndex = indexPath
                }
            }
                //点击一个新的cell播放
            else
            {
                //////////////////////////////////注意
                ////////////需要判断lastcell 是否为空,如果lastcell 不可见可能会为空
                if let lastcell : ReAudioListTableViewCell = tableView1.cellForRowAtIndexPath(curIndex) as? ReAudioListTableViewCell {
                    lastcell.stopPlay()
                }
                
                if RecorderTool.getTool().player.playing {
                    RecorderTool.getTool().player.stop()
                }
                
                
                //当前cell 开始播放
                cell.startPlay()
                isPlay = true
                //设置定时器
                timeTick = NSTimer.scheduledTimerWithTimeInterval(1, target: self, selector: "playingAction", userInfo: nil, repeats: true)
                NSRunLoop.currentRunLoop().addTimer(timeTick, forMode: NSRunLoopCommonModes)
                tableView.deselectRowAtIndexPath(indexPath, animated: true)
                curIndex = indexPath
                timeTick.fire()
                
            }
            
         }
        
    }

demo 的链接如下 ,如果有说的不对地方,各位大神多多指教
https://github.com/heysunnyboy/audioList.git

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 219,366评论 6 508
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,521评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 165,689评论 0 356
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,925评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,942评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,727评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,447评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,349评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,820评论 1 317
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,990评论 3 337
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,127评论 1 351
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,812评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,471评论 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,017评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,142评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,388评论 3 373
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,066评论 2 355

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,107评论 4 62
  • 2017.02.22 可以练习,每当这个时候,脑袋就犯困,我这脑袋真是神奇呀,一说让你做事情,你就犯困,你可不要太...
    Carden阅读 1,346评论 0 1
  • 鹧鸪天·题香客游阳台山大寺① 玉露侵衣曲径荒, 林深鸟啭野花黄。 青烟袅袅檀香落, 寺磬闲敲烛冷光。 商旅客,仕途...
    老吴所求阅读 840评论 18 16
  • 拖了这么久,总算把这部3集的纪录片看完了。 豆瓣500+人评分9.1,就说明这部纪录片至少还可以,甚至能比肩BBC...
    thePacer阅读 1,880评论 0 0
  • 遥望着深蓝色的大海, 静静地听着海浪起伏拍打的声音, 仿佛被大海包围着,空气中弥漫着恐惧和孤寂。 害怕被你伤害,可...
    清晨之昊阅读 278评论 0 0