首先建立一个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. spring+hibernate整合:报错org.hibernate.HibernateException: No Session found for current thread

    spring+hibernate整合:报错信息如下 org.hibernate.HibernateException: No Session found for current thread at o ...

  2. javascript---String与Arry

    var str = "liuzhanqi"; document.write(str["length"]);//等价str.l ength var str = s ...

  3. C#创建Windows服务的几个注意事项

    1.服务安装后的自动启动:服务的StartType即使配置成Automatic,在首次安装成功之后还是要在服务列表中找到并手工启动.此外,可以通过在ProjectInstaller中添加AfterIn ...

  4. C# 窗体程序入门 之计算器

    之前一直在java的B/S,这次被要求做一个C/S,其中客户端主要是界面和socket通信.因为没有使用过C#和Visual Studio的控件编程,先来个HelloWorld. 我的环境是visua ...

  5. apache将请求转发到到tomcat应用

    映射: 1.开启apache中的proxy模块(proxy.conf,proxy.load,proxy_http.load) 2.配置apache配置文件,<VirtualHost *:80&g ...

  6. 前端jquery实现点击图片弹出大图层(且滚动鼠标滑轮图片缩放)

    <img src="{$vo.photo}" height="50px" onclick="showdiv({$i});"> & ...

  7. Learning Docker--chapter 1

    CONTENTS: (1) An introduction to Docker (2) Docker on Linux (3) Differentiating between containeriza ...

  8. 原 iOS面试题收集

    原 iOS面试题收集 发表于2年前(2013-07-22 13:47)   阅读(369) | 评论(0) 4人收藏此文章, 我要收藏 赞0 听云性能监测产品App.Server.CDN免费试用,绑定 ...

  9. Tomcat JVM

    https://www.mulesoft.com/tcat/tomcat-jvm https://www.mulesoft.com/tcat/tomcat-catalina https://www.m ...

  10. hdu 1535 Invitation Cards

    http://acm.hdu.edu.cn/showproblem.php?pid=1535 这道题两遍spfa,第一遍sfpa之后,重新建图,所有的边逆向建边,再一次spfa就可以了. #inclu ...