更优雅地使用Static Cell

在项目开发中,经常会用到static cell来实现一些固定的列表界面(如:个人中心等),在static cell被点击时,如何判断被点击的cell是哪一个,有什么好的办法呢?

个人中心

如上界面,在storyboard下使用static cell实现起来不过一盏茶的功夫,每个cell对应的操作都不一样,那么如何确定点击的是哪一个cell呢?

方法一. 使用indexPath

似乎没什么好说的,使用indexPath来判断某一组某一行实在是太简单,如:

if indexPath.section == 1 && indexPath.row == 1 {
     //我的粉丝
}
if indexPath.section == 2 && indexPath.row == 1 {
    //关于我们
}

so easy 只需要2个判断就完成了,但这并不是什么好办法。如果经常使用static cell的同学很容易就看的出来,如果cell的行数发生了改变(如:添加cell,删除cell)又或者是cell的位置发生了改变(比如:我的粉丝我的关注调换位置)这时候就需要重新编写判断条件,显而易见这不是好办法。

方法二. 使用Tag

为了解决indexPath的不足之处,很多人都会想到使用Tag,每个cell都绑定一个Tag值,这么一来无论是cell的行数发生改变,又或是cell的位置发生改变,都不会影响到判断条件,如:


给cell设置Tag值

这时候添加新的cell只需要给新的cell绑定一个Tag,或者是cell的位置发生改变,并不会影响之前的写好的判断条件。

guard let cell = tableView.cellForRowAtIndexPath(indexPath) else { return }
  switch cell.tag {
    case 101:   print("新的好友")
    case 102:   print("新手任务")
    case 201:   print("我的关注")
    case 202:   print("我的粉丝")
    // ...
    default:    break
}

但是,根据101,102,201...这些值无法直接体现出cell对应的内容(或操作),因此可以使用enum改进一下。如:

//先定义一个enum
enum CellName: Int {
    case NewFriends     = 101  //101:第1组,第01行
    case NewTask        = 102  //102:第1组,第02行
    case MyFollowing    = 201  //201:第2组,第01行
    case MyFans         = 202  //...
    case Feedback       = 301  //...
    case AboutUs        = 302  //...
    case VersionInfo    = 303  //...
}
guard let cell = tableView.cellForRowAtIndexPath(indexPath) else { return }
guard let cellName = CellName(rawValue: cell.tag) else { return }
switch cellName {
  case .NewFriends:       //新朋友
  case .NewTaskL:         //新任务
  case .MyFollowing:      //我的关注
  case .MyFans:           //我的粉丝
  case .Feedback:         //意见反馈
  case .AboutUs:          //关于我们
  case .VersionInfo:      //版本信息
}

这样看起来似乎还不错,但还是稍微有点不足,如果这时候需要在新的好友新手任务中间插入一行新手礼包,这时候cell的Tag值应该设置为多少呢?当然,只要是不重复的,随便设置一个Tag=103或者Tag=999都是可以的。但是这时候看起来就会些不协调了,如:

enum CellName: Int {
    case NewFriends     = 101  //101:第1组,第01行
    case NovicePacks    = 999  //999:第9组,第99行(但这竟然是第1组第2行)
    case NewTask        = 102  //102:第1组,第02行(但这竟然是第3行)
    case MyFollowing    = 201  //...
    case MyFans         = 202  //...
    case Feedback       = 301  //...
    case AboutUs        = 302  //...
    case VersionInfo    = 303  //...
}

这样虽然也是可以的,也并没有影响之前的判断,使用enum之后一样显得很友好,但是,如果cell的位置经常改变,产品经理脑子一热就要求添加一行新的cell,脑子一冷又要求删掉某一行cell,如此反复之后,cell的Tag就会毫无顺序可言,并不好维护。
笔者虽不是处女座,但也无法接受这样的事情。

方法三. 自定义一个标识(推荐使用,笔者最喜欢的方法)

为了解决Tag反复修改之后变得无序的问题,反正迟早会变得无序,索性一开始就不考虑顺序问题。
笔者想到的办法是,给cell扩展一个字段(叫:actionIdentifier)用于表示当前cell所代表的内容(或操作),且为了能在Storyboard中设置该值,因此加上@IBInspectable修饰,如:

private var actionIdentifierKey: Void?

public extension UITableViewCell {
    
    @IBInspectable var actionIdentifier: String {
        get {
            return objc_getAssociatedObject(self, &actionIdentifierKey) as? String ?? ""
        }
        set {
            objc_setAssociatedObject(self, &actionIdentifierKey, newValue, .OBJC_ASSOCIATION_COPY_NONATOMIC)
        }
    }
    
}

这时候就可以在storyboard中这样操作,把Action identifier值设置为enum的值,如:

设置ActionIdentifier值

代码操作跟方法二几乎无异,如:

//这里Int改成String
enum ActionIdentifier: String {
    case NewFriends
    case NewTask
    case MyFollowing
    case MyFans
    case Feedback
    case AboutUs
    case VersionInfo
}
guard let cell = tableView.cellForRowAtIndexPath(indexPath) else { return }
guard let action = ActionIdentifier(rawValue: cell.actionIdentifier) else { return }
switch action {
  case .NewFriends:
  case .NewTask:
  //...
}

这时候看着就顺心多了...
注意:文章中的代码段均是临时手写的,直接copy的话,不一定能编译通过。

其他文章:
【static cell 与 dynamic cell 混合使用】

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

推荐阅读更多精彩内容