首先建立一个swift项目,把storyboard的内容删掉,添加一个 Navigation Controller,然后设置storyboard对应界面的class,在Navigation Controller界面设置View Controller的is initial View Controller,这里使用的自定义列表内容,所以要新建一个继承UITableViewCell的类,然后设置storyboard中Table View的Prototype Cells的class,对于点击item进入详情界面,使用TableView 中的prepareForSegue方法。

JieTableViewController.swift

  1. //
  2. //  JieTableViewController.swift
  3. //  JieTableView
  4. //
  5. //  Created by jiezhang on 14-10-5.
  6. //  Copyright (c) 2014年 jiezhang. All rights reserved.
  7. //
  8. import UIKit
  9. class JieTableViewController: UITableViewController {
  10. var listVideos : NSMutableArray!
  11. override func viewDidLoad() {
  12. super.viewDidLoad()
  13. var bundle = NSBundle.mainBundle()
  14. let plistPath : String! = bundle.pathForResource("videos", ofType: "plist")
  15. listVideos = NSMutableArray(contentsOfFile: plistPath)
  16. // Uncomment the following line to preserve selection between presentations
  17. // self.clearsSelectionOnViewWillAppear = false
  18. // Uncomment the following line to display an Edit button in the navigation bar for this view controller.
  19. //下面这段话是设置左边编辑,右边添加item
  20. self.navigationItem.leftBarButtonItem = self.editButtonItem()
  21. let addButton = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.Add, target: self, action: "insertNewObject:")
  22. self.navigationItem.rightBarButtonItem = addButton
  23. }
  24. func insertNewObject(sender: AnyObject) {
  25. var item : NSDictionary = NSDictionary(objects:["http://c.hiphotos.baidu.com/video/pic/item/f703738da977391224eade15fb198618377ae2f2.jpg","新增数据", NSDate.date().description] , forKeys: ["video_img","video_title","video_subTitle"])
  26. listVideos.insertObject(item, atIndex: 0)
  27. let indexPath = NSIndexPath(forRow: 0, inSection: 0)
  28. self.tableView.insertRowsAtIndexPaths([indexPath], withRowAnimation: .Automatic)
  29. }
  30. override func didReceiveMemoryWarning() {
  31. super.didReceiveMemoryWarning()
  32. // Dispose of any resources that can be recreated.
  33. }
  34. // MARK: - Table view data source
  35. //返回节的个数
  36. override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
  37. // #warning Potentially incomplete method implementation.
  38. // Return the number of sections.
  39. return 1
  40. }
  41. //返回某个节中的行数
  42. override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
  43. // #warning Incomplete method implementation.
  44. // Return the number of rows in the section.
  45. return listVideos.count
  46. }
  47. //为表视图单元格提供数据,该方法是必须实现的方法
  48. override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
  49. let cellIdentifier : String = "videoItem"
  50. let cell = tableView.dequeueReusableCellWithIdentifier(cellIdentifier, forIndexPath: indexPath) as JieTableViewCell
  51. var row = indexPath.row
  52. var rowDict : NSDictionary = listVideos.objectAtIndex(row) as NSDictionary
  53. let url : String = rowDict.objectForKey("video_img") as String
  54. let dataImg : NSData = NSData(contentsOfURL: NSURL(string : url))
  55. cell.JieVideoImg.image = UIImage(data: dataImg)
  56. cell.JieVideoTitle.text = rowDict.objectForKey("video_title") as? String
  57. cell.JieVideoSubTitle.text = rowDict.objectForKey("video_subTitle") as? String
  58. return cell
  59. }
  60. override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
  61. }
  62. // 支持单元格编辑功能
  63. override func tableView(tableView: UITableView, canEditRowAtIndexPath indexPath: NSIndexPath) -> Bool {
  64. // Return NO if you do not want the specified item to be editable.
  65. return true
  66. }
  67. // Override to support editing the table view.
  68. override func tableView(tableView: UITableView, commitEditingStyle editingStyle: UITableViewCellEditingStyle, forRowAtIndexPath indexPath: NSIndexPath) {
  69. if editingStyle == .Delete {
  70. // Delete the row from the data source
  71. listVideos.removeObjectAtIndex(indexPath.row)
  72. tableView.deleteRowsAtIndexPaths([indexPath], withRowAnimation: .Fade)
  73. } else if editingStyle == .Insert {
  74. // Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view
  75. }
  76. }
  77. // Override to support rearranging the table view.
  78. override func tableView(tableView: UITableView, moveRowAtIndexPath fromIndexPath: NSIndexPath, toIndexPath: NSIndexPath) {
  79. if fromIndexPath != toIndexPath{
  80. var object: AnyObject = listVideos.objectAtIndex(fromIndexPath.row)
  81. listVideos.removeObjectAtIndex(fromIndexPath.row)
  82. if toIndexPath.row > self.listVideos.count{
  83. self.listVideos.addObject(object)
  84. }else{
  85. self.listVideos.insertObject(object, atIndex: toIndexPath.row)
  86. }
  87. }
  88. }
  89. // Override to support conditional rearranging of the table view.
  90. //在编辑状态,可以拖动设置item位置
  91. override func tableView(tableView: UITableView, canMoveRowAtIndexPath indexPath: NSIndexPath) -> Bool {
  92. // Return NO if you do not want the item to be re-orderable.
  93. return true
  94. }
  95. // MARK: - Navigation
  96. //给新进入的界面进行传值
  97. override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject!) {
  98. if segue.identifier == "showDetail" {
  99. if let indexPath = self.tableView.indexPathForSelectedRow() {
  100. let object : NSDictionary = listVideos[indexPath.row] as NSDictionary
  101. (segue.destinationViewController as JieDetailViewController).detailItem = object
  102. }
  103. }
  104. }
  105. }

JieTableViewCell.swift

  1. //
  2. //  JieTableViewCell.swift
  3. //  JieTableView
  4. //
  5. //  Created by jiezhang on 14-10-5.
  6. //  Copyright (c) 2014年 jiezhang. All rights reserved.
  7. //
  8. import UIKit
  9. class JieTableViewCell: UITableViewCell {
  10. @IBOutlet weak var JieVideoImg: UIImageView!
  11. @IBOutlet weak var JieVideoTitle: UILabel!
  12. @IBOutlet weak var JieVideoSubTitle: UILabel!
  13. override func awakeFromNib() {
  14. super.awakeFromNib()
  15. // Initialization code
  16. }
  17. override func setSelected(selected: Bool, animated: Bool) {
  18. super.setSelected(selected, animated: animated)
  19. }
  20. }

JieDetailViewController.swift

  1. //
  2. //  JieDetailViewController.swift
  3. //  JieTableView
  4. //
  5. //  Created by jiezhang on 14-10-5.
  6. //  Copyright (c) 2014年 jiezhang. All rights reserved.
  7. //
  8. import UIKit
  9. class JieDetailViewController: UIViewController {
  10. @IBOutlet var big_video_img: UIImageView!
  11. //接受传进来的值
  12. var detailItem: NSDictionary?
  13. func configureView() {
  14. if let detail : NSDictionary = self.detailItem {
  15. self.title = detail.objectForKey("video_title") as? String
  16. let url : String = detail.objectForKey("video_img") as String
  17. let dataImg : NSData = NSData(contentsOfURL: NSURL(string : url))
  18. self.big_video_img.image = UIImage(data: dataImg)
  19. }
  20. }
  21. override func viewDidLoad() {
  22. super.viewDidLoad()
  23. configureView()
  24. }
  25. override func didReceiveMemoryWarning() {
  26. super.didReceiveMemoryWarning()
  27. // Dispose of any resources that can be recreated.
  28. }
  29. // MARK: - Navigation
  30. override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject!) {
  31. }
  32. }

源码地址:https://github.com/jwzhangjie/JieTableView

 

Swift基础--使用TableViewController自定义列表的更多相关文章

  1. Android零基础入门第39节:ListActivity和自定义列表项

    原文:Android零基础入门第39节:ListActivity和自定义列表项 相信通过前两期的学习,以及会开发最简单的一些列表界面了吧,那么本期接着来学习更多方法技巧. 一.使用ListActivi ...

  2. 2.html基础标签:无序+有序+自定义列表

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. Bootstrap <基础二十八>列表组

    列表组.列表组件用于以列表形式呈现复杂的和自定义的内容.创建一个基本的列表组的步骤如下: 向元素 <ul> 添加 class .list-group. 向 <li> 添加 cl ...

  4. WPF界面设计技巧(4)—自定义列表项样式

    原文:WPF界面设计技巧(4)-自定义列表项样式 有前面修改按钮样式的基础,我们可以尝试来定制一个即好看又好用的 ListBox ,今天先来讲“好看”部分. 打开 Microsoft Visual S ...

  5. jqgrid自定义列表开发=》实现高级查询

    标题已指出本文要说的三件事,首先是主角jqgrid,将应用在自定义列表中,重点介绍如何实现高级查询. 使用jqgrid实现自定义列表分为两大步骤,首先是要根据业务完成jqgrid的对象定义,即列表的描 ...

  6. swift基础:第六部分:类与对象

    http://reactnative.cn/docs/0.24/getting-started.html#content(react Native 开发文档) 互联网这个时代,你松懈一天,就会有很多很 ...

  7. swift基础:第二部分:函数和闭包

    今天本来想利用上午的时间本来打算将swift基础部分学习完的,不巧的是,后台来和我讨论用户评价的接口,讨论过后,商讨出一种可行的方案,十几分钟时间过去了,我拿到将接口介入到已经完成的页面中,完美,终于 ...

  8. Swift基础语法学习总结(转)

    Swift基础语法学习总结 1.基础  1.1) swift还是使用// 和/* */ 来注释,并且/* */允许多行注释. 1.2) swift使用print和println打印,它的传参是一个泛型 ...

  9. SharePoint 2013开发入门探索(一)- 自定义列表

    在SharePoint 2013中创建自定义列表的方式有很多,在网站内容页面添加应用程序就可以创建(站点内容-〉 您的应用程序),也可以通过SharePoint Designer 2013创建,而本文 ...

随机推荐

  1. [转]CSS目标伪类E:target

    CSS3 target 伪类不得不说那些事儿(纯CSS实现tab切换) 是不是觉得target有点眼熟?! 今天要讲的不是HTML的<a>标签里面有个target属性. target伪类是 ...

  2. Android ----------获取各种路径(更新中。。。。。。)

    ##在手机中的路径 *获取应用的路径,形式:/data/data/包名 String appDataDir = getApplicationInfo().dataDir; *获取手机数据存储路径,即/ ...

  3. RouteHttpMap要添加的引用

    System.Web.Routing.RouteCollection' does not contain a definition for 'MapHttpRoute' 此错的解决方式是添加 Syst ...

  4. ajax传递json数据,springmvc后台就收json数据

    1.ajax数据的封装 var json = {"token":token};//封装json数据 $.ajax({ url:'', data:JSON.stringify(jso ...

  5. silverlight visifire控件图表制作——silverlight 后台方法ControlChart.xaml.cs

    一.构造方法ControlChart 1.前台页面控件赋值 //时间下拉框赋值,下拉框赋选定值                for (int ii = DateTime.Today.Year; ii ...

  6. vc中调用Com组件的方法详解

    vc中调用Com组件的方法详解 转载自:网络,来源未知,如有知晓者请告知我.需求:1.创建myCom.dll,该COM只有一个组件,两个接口:   IGetRes--方法Hello(),   IGet ...

  7. 【1】Laravel5.1 安装

    1.安装composer http://www.phpcomposer.com/ 这个是中文网址里边有教程,但是由于被墙的缘故,可以通过下边这个链接下载Windows安装包 http://docs.p ...

  8. PHP内置Web Server探究(一)启动Cli_Server

    自PHP5.4之后 PHP内置了一个Web 服务器(cli_server),类似于Python的内置server一样,方便我们开发阶段的调试 主要使用场景: 1,没有搭建nginx或apache等第三 ...

  9. UVA 12169 Disgruntled Judge

    我该怎么说这道题呢...说简单其实也简单,就枚举模拟,开始卡了好久,今天看到这题没a又写了遍,看似会超时的代码交上去a了,果然实践是检验真理的唯一标准... #include <iostream ...

  10. un ange frappe a ma porte

    Un signe, une larme 魂牵 泪扰 un mot, une arme 字断 情烧 nettoyer les étoiles à l'alcool de mon ame 灵魂之酒眷洗 星 ...