Swift实现表格视图单元格单选(1)
<p>本文实例为大家分享了Swift实现表格视图单元格单选的具体代码，供大家参考，具体内容如下</p><h2>效果展示</h2>
<p style="text-align:center"><img alt="" src="https://img.jbzj.com/file_images/article/202201/2022126144255751.gif?2022026144313" /></p>
<h2>前言</h2>
<p>最近一个朋友问我，如何实现表格视图的单选？因为我之前用Objective-c写过一次，但那都是很久以前的事情了，于是就想着用swift实现一次，并分享给大家。</p>
<h2>实现</h2>
<p>下面我们来看看具体的实现方法。</p>
<p>首先我们创建一个Swift iOS工程，在AppDelegate.swift的<code>didFinishLaunchingWithOptions</code>方法中手动初始化UIWindow，并且给根视图控制器添加导航栏，当然在此之前我们需要到<code>Info.plist</code>文件中将Storyboard加载UIWindow字段的<code>Main</code>值删除。</p>
<div class="jb51code"><pre class="brush:cpp;">self.window = UIWindow(frame: UIScreen.mainScreen().bounds)
self.window?.backgroundColor = UIColor.blackColor()
self.window?.rootViewController = UINavigationController(rootViewController: ViewController())
self.window?.makeKeyAndVisible()</pre></div>
<p>下一步，我们需要到ViewController.swift文件中搭建界面，构造表格视图，以及数据源的配置，这里我直接上代码，相信表格视图的使用大家已经非常熟悉了。代码中注册的单元格使用的是自定义的单元格，而处理单选的方法主要就是在自定义单元格<code>CustomTableViewCell</code>中实现，稍后我会提及，涉及到的素材可到阿里矢量图中下载。</p>
<div class="jb51code"><pre class="brush:cpp;">import UIKit
class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
var tableView: UITableView?
var dataSource: ?
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!
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)!)")
}
}</pre></div>
<p>接下来我们看看 CustomTableViewCell.swift 文件，在自定义单元格中，要做的操作非常简单，只需在 <code>setSelected</code>方法中做如下操作即可：</p>
<div class="jb51code"><pre class="brush:cpp;">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")
}
}
}</pre></div>
<p>好了，表格视图的单选就这样实现了，运行看看吧。可能在实际开发中会遇到更为复杂的情况，就是多个组的单选，比如你要做一个类似于习题库的应用，将会用到多个组的单选，那应该如何实现呢？可参考：表格视图单元格单选（二）</p>
<p>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持琼殿技术社区。</p>
<div class="art_xg">
<b>您可能感兴趣的文章:</b><ul><li>swift自定义表格控件(UITableView)</li><li>swift表格控件使用方法详解(UITableview)</li><li>Swift实现表格视图单元格单选(2)</li><li>Swift实现表格视图单元格多选</li><li>Swift使用表格组件实现单列表</li></ul>
</div>
</div>
<!--endmain-->
頁:
[1]