Swift:表格视图单元格单选(一)
2015-11-26 10:42
477 查看
效果展示
前言
最近一个朋友问我,如何实现表格视图的单选?因为我之前用Objective-c写过一次,但那都是很久以前的事情了,于是就想着用swift实现一次,并分享给大家。实现
下面我们来看看具体的实现方法。首先我们创建一个Swift iOS工程,在AppDelegate.swift的
didFinishLaunchingWithOptions方法中手动初始化UIWindow,并且给根视图控制器添加导航栏,当然在此之前我们需要到
Info.plist文件中将Storyboard加载UIWindow字段的
Main值删除。
self.window = UIWindow(frame: UIScreen.mainScreen().bounds) self.window?.backgroundColor = UIColor.blackColor() self.window?.rootViewController = UINavigationController(rootViewController: ViewController()) self.window?.makeKeyAndVisible()
下一步,我们需要到ViewController.swift文件中搭建界面,构造表格视图,以及数据源的配置,这里我直接上代码,相信表格视图的使用大家已经非常熟悉了。代码中注册的单元格使用的是自定义的单元格,而处理单选的方法主要就是在自定义单元格
CustomTableViewCell中实现,稍后我会提及,涉及到的素材可到阿里矢量图中下载。
import UIKit class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate { var tableView: UITableView? var dataSource: [String]? override func viewDidLoad() { super.viewDidLoad() self.initializeDatasource() self.initializeUserInterface() } // MARK:Initialize methods func initializeDatasource() { self.dataSource = ["中国", "美国", "法国", "德国"] } func initializeUserInterface() { self.title = "单项选择" self.automaticallyAdjustsScrollViewInsets = false self.view.backgroundColor = UIColor.whiteColor() // initialize table view self.tableView = { let tableView = UITableView(frame: CGRectMake(0, 64, CGRectGetWidth(self.view.bounds), CGRectGetHeight(self.view.bounds) - 64), style: UITableViewStyle.Grouped) tableView.dataSource = self tableView.delegate = self tableView.separatorStyle = UITableViewCellSeparatorStyle.SingleLine tableView.registerClass(CustomTableViewCell.classForCoder(), forCellReuseIdentifier: "cellIdentifier") return tableView }() self.view.addSubview(self.tableView!) } // MARK:UITableViewDataSource && UITableViewDelegate func numberOfSectionsInTableView(tableView: UITableView) -> Int { return 1 } func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return (self.dataSource?.count)! } func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCellWithIdentifier("cellIdentifier", forIndexPath: indexPath) as! CustomTableViewCell cell.imageView?.image = UIImage(named: "iconfont-select.png") cell.textLabel?.text = self.dataSource![indexPath.row] return cell } func tableView(tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat { return 40 } func tableView(tableView: UITableView, titleForHeaderInSection section: Int) -> String? { return "请选择您向往的城市:" } func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) { // get cell with index path let cell = tableView.cellForRowAtIndexPath(indexPath) print("您选择的城市:\((cell?.textLabel?.text)!)") } }
接下来我们看看 CustomTableViewCell.swift 文件,在自定义单元格中,要做的操作非常简单,只需在
setSelected方法中做如下操作即可:
override func setSelected(selected: Bool, animated: Bool) { super.setSelected(selected, animated: animated) if selected { imageView?.image = UIImage(named: "iconfont-selected.png") }else { imageView?.image = UIImage(named: "iconfont-select.png") } } }
好了,表格视图的单选就这样实现了,运行看看吧。可能在实际开发中会遇到更为复杂的情况,就是多个组的单选,比如你要做一个类似于习题库的应用,将会用到多个组的单选,那应该如何实现呢?可参考:表格视图单元格单选(二)
相关文章推荐
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 不可修补的 iOS 漏洞可能导致 iPhone 4s 到 iPhone X 永久越狱
- iOS 12.4 系统遭黑客破解,漏洞危及数百万用户
- Apple Swift学习教程
- 每日安全资讯:NSO,一家专业入侵 iPhone 的神秘公司
- [转][源代码]Comex公布JailbreakMe 3.0源代码
- 讲解iOS开发中基本的定位功能实现
- js判断客户端是iOS还是Android等移动终端的方法
- IOS开发环境windows化攻略
- 浅析iOS应用开发中线程间的通信与线程安全问题
- Swift中实现点击、双击、捏、旋转、拖动、划动、长按手势的类和方法介绍
- Swift编程中的泛型解析
- Swift中定义二维数组的方法及遍历方法示例
- 检测iOS设备是否越狱的方法
- .net平台推送ios消息的实现方法
- 探讨Android与iOS,我们将何去何从?
- Android、iOS和Windows Phone中的推送技术详解