Swift自定义UITableViewCell背景色

本文实例为大家分享了Swift自定义UITableViewCell背景色的具体代码，供大家参考，具体内容如下

效果

前言

前段时间在整理课件 《UITableView》 章节的时候，看着单元格选中时的背景颜色觉得特别扭，系统给的颜色太过单调，当时想整理一篇修改单元格选中样式的文章，但一直没有时间，现在闲下来，终于可以完成了。在实际开发中，系统提供的样式不能满足需求，可能大家想到的最直接的方式就是定制，自定义。没错，这里修改表格视图单元格选中时的背景颜色也是通过自定义单元格的方法实现，当然也可以通过代理方法实现，如果有兴趣，大家可以研究一下。

实现

在UITableViewCell的子类文件（CustomTableViewCell.swift）中实现如下方法即可

override func setSelected(selected: Bool, animated: Bool) {
    super.setSelected(selected, animated: animated)

    // Configure the view for the selected state

    if selected {
        self.backgroundColor = UIColor.orangeColor()
    }else {
        self.backgroundColor = UIColor.whiteColor()
    }
}

运行工程，可能你会发现，当你点击单元格的时候，选中样式依旧是系统样式，如下图：

这是什么原因导致的呢？打开视图层级，我们就会发现，其实我们已经设置成功了，只是被遮住了，如下图：

那应该如何解决呢？其实很简单，只需要修改cell的selectionStyle属性即可，如下所示：

cell.selectionStyle = UITableViewCellSelectionStyle.None

现在，我们就完成了自定义单元格选中样式了，特简单吧？

延伸

有时可能会有这种需求，就是我不需要选中背景色，但是我想在点击某个单元格的时候闪一下，即背景色突变一下就OK，像这种需求又改如何解决呢？

首先，我们需要实现如下方法，当单元格不管是选中也好，未选中也罢，都设为白色。

override func setSelected(selected: Bool, animated: Bool) {
    super.setSelected(selected, animated: animated)

    // Configure the view for the selected state

    if selected {
        self.backgroundColor = UIColor.whiteColor()
    }else {
        self.backgroundColor = UIColor.whiteColor()
    }
}

其次，在代理方法中，做如下操作：

func tableView(tableView: UITableView, didHighlightRowAtIndexPath indexPath: NSIndexPath) {

    let cell = tableView.cellForRowAtIndexPath(indexPath)

    // change the cell background color
    cell?.backgroundColor = UIColor.redColor()
}

除了在代理方法中操作，还可以在自定义单元格中实现，效果一致，只是无需通过代理方法实现，具体实现如下：

override func setHighlighted(highlighted: Bool, animated: Bool) {
    if highlighted {
        self.backgroundColor = UIColor.redColor()
    }else {
        self.backgroundColor = UIColor.whiteColor()
    }
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • swift实现随机背景色

    swift实现随机背景色

    本文实例为大家分享了swift实现随机背景色的具体代码,供大家参考,具体内容如下 // //  ViewController.swift //  网络获取图片 // //  Created by 悦兑科技 on 15/1/27. //  Copyright (c) 2015年 BSY. All rights reserved. // import UIKit class ViewController: UIViewController {     override func viewDidLoa

  • Swift自定义UITableViewCell背景色

    Swift自定义UITableViewCell背景色

    本文实例为大家分享了Swift自定义UITableViewCell背景色的具体代码,供大家参考,具体内容如下 效果 前言 前段时间在整理课件 <UITableView> 章节的时候,看着单元格选中时的背景颜色觉得特别扭,系统给的颜色太过单调,当时想整理一篇修改单元格选中样式的文章,但一直没有时间,现在闲下来,终于可以完成了.在实际开发中,系统提供的样式不能满足需求,可能大家想到的最直接的方式就是定制,自定义.没错,这里修改表格视图单元格选中时的背景颜色也是通过自定义单元格的方法实现,当然也可以

  • swift自定义表格控件(UITableView)

    swift自定义表格控件(UITableView)

    本文实例为大家分享了swift自定义表格控件的具体代码,供大家参考,具体内容如下 1.效果图 2.控件 storyboard上的控件就2个:UIButton. 3.为按钮添加点击事件 通过辅助编辑器为这2个按钮添加按钮单击事件:分别为 generalBtnClick 和   groupBtnClick 4.完整代码 import UIKit enum UIControlType{     case Basic     case Advanced } class ViewController: U

  • iOS App开发中使用及自定义UITableViewCell的教程

    iOS App开发中使用及自定义UITableViewCell的教程

    UITableView用来以表格的形式显示数据.关于UITableView,我们应该注意: (1)UITableView用来显示表格的可见部分,UITableViewCell用来显示表格的一行. (2)UITableView并不负责存储表格中的数据,而是仅仅存储足够的数据使得可以画出当前可见部分. (3)UITableView从UITableViewDelegate协议获取配置信息,从UITableViewDataSource协议获得数据信息. (4)所有的UITableView实现时实际上只有

  • 详解ios中自定义cell，自定义UITableViewCell

    详解ios中自定义cell，自定义UITableViewCell

    通过继承UITableViewCell来自定义cell 1.创建一个空的项目.命名: 2.创建一个UITableViewController 并且同时创建xib: 3.设置AppDelegate.m中window的根控制器为刚刚创建的TableViewController: - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { s

  • 全面解析iOS应用中自定义UITableViewCell的方法

    全面解析iOS应用中自定义UITableViewCell的方法

    有时候我们需要自己定义UITableViewCell的风格,其实就是向行中添加子视图.添加子视图的方法主要有两种:使用代码以及从.xib文件加载.当然后一种方法比较直观. 一.基本用法 我们这次要自定义一个Cell,使得它像QQ好友列表的一行一样:左边是一张图片,图片的右边是三行标签: 当然,我们不会搞得这么复杂,只是有点意思就行. 1.运行Xcode 4.2,新建一个Single View Application,名称为Custom Cell: 2.将图片资源导入到工程.为此,我找了14张50

  • Swift自定义iOS中的TabBarController并为其添加动画

    Swift自定义iOS中的TabBarController并为其添加动画

    自定义TabBarController 有时候默认的TabBarController不能满足我们的开发需求,比如你想用彩色的图标,系统却只调用图标的轮廓,所以我们需要自己定义一下TabBar. 方法一:修改TabBarController中的TabBar 新建 CustomTabBarController 类继承自 UITabBarController,并在Storyboard中设置: 首先自定义 tabBar 的背景,在 viewDidLoad() 方法中添加: 复制代码 代码如下: // 用

  • Swift代码自定义UIView实现示例

    目录 Swift自定义View和OC自定义View的原理都是一样的,重写init()方法或initWithFrame()方法,下面简单说说如何自定义swift UIView 主要是重写init(frame:CGRect)方法,其中required init?(coder aDecoder: NSCoder) 是必不可少的,swift语言强制要求的 // // LoginImgFieldView.swift // SmartMilk // // Created by mac on 2017/6/9

  • iOS中使用UItableviewcell实现团购和微博界面的示例

    iOS中使用UItableviewcell实现团购和微博界面的示例

    使用xib自定义UItableviewcell实现一个简单的团购应用界面布局 一.项目文件结构和plist文件 二.实现效果 三.代码示例 1.没有使用配套的类,而是直接使用xib文件控件tag值操作 数据模型部分: YYtg.h文件 复制代码 代码如下: // //  YYtg.h //  01-团购数据显示(没有配套的类) // //  Created by apple on 14-5-29. //  Copyright (c) 2014年 itcase. All rights reserv

  • iOS自定义UITableView实现不同系统下的左滑删除功能详解

    iOS自定义UITableView实现不同系统下的左滑删除功能详解

    前言 在我们的app开发当中,经常会用到UITableView 的左滑删除的功能,通常的话效果如下 但有时候系统现有的功能并不能完全满足我们的开发需求,这样就需要我们在其现有的功能基础上自定义我们所需要的功能了.下图是在项目中自定义的按钮(只是修改了按钮的frame而已). 然后我就总结了一下根据不同的需求自定义不同的按钮. 一.系统默认左滑删除按钮 如果你对左滑删除按钮的要求不高,仅仅只是实现UITableView上cell的左滑删除功能,那在UITableView的代理方法中添加以下两种方法

随机推荐