Swift基础--使用TableViewController自定义列表

原创 2014年10月18日 23:41:42

首先建立一个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

//
//  JieTableViewController.swift
//  JieTableView
//
//  Created by jiezhang on 14-10-5.
//  Copyright (c) 2014年 jiezhang. All rights reserved.
//

import UIKit

class JieTableViewController: UITableViewController {

    var listVideos : NSMutableArray!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        var bundle = NSBundle.mainBundle()
        let plistPath : String! = bundle.pathForResource("videos", ofType: "plist")
        listVideos = NSMutableArray(contentsOfFile: plistPath)
        // Uncomment the following line to preserve selection between presentations
        // self.clearsSelectionOnViewWillAppear = false
        
        // Uncomment the following line to display an Edit button in the navigation bar for this view controller.
        //下面这段话是设置左边编辑,右边添加item
        
        self.navigationItem.leftBarButtonItem = self.editButtonItem()
        let addButton = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.Add, target: self, action: "insertNewObject:")
        self.navigationItem.rightBarButtonItem = addButton
        
    }

    func insertNewObject(sender: AnyObject) {
        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"])
        listVideos.insertObject(item, atIndex: 0)
        let indexPath = NSIndexPath(forRow: 0, inSection: 0)
        self.tableView.insertRowsAtIndexPaths([indexPath], withRowAnimation: .Automatic)
    }
    

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    // MARK: - Table view data source
    //返回节的个数
    override func numberOfSectionsInTableView(tableView: UITableView) -> Int {
        // #warning Potentially incomplete method implementation.
        // Return the number of sections.
        return 1
    }
    //返回某个节中的行数
    override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // #warning Incomplete method implementation.
        // Return the number of rows in the section.
        return listVideos.count
    }
    //为表视图单元格提供数据,该方法是必须实现的方法
    override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let cellIdentifier : String = "videoItem"
        let cell = tableView.dequeueReusableCellWithIdentifier(cellIdentifier, forIndexPath: indexPath) as JieTableViewCell
        var row = indexPath.row
        var rowDict : NSDictionary = listVideos.objectAtIndex(row) as NSDictionary
        let url : String = rowDict.objectForKey("video_img") as String
        let dataImg : NSData = NSData(contentsOfURL: NSURL(string : url))
        cell.JieVideoImg.image = UIImage(data: dataImg)
        cell.JieVideoTitle.text = rowDict.objectForKey("video_title") as? String
        cell.JieVideoSubTitle.text = rowDict.objectForKey("video_subTitle") as? String
        return cell

    }
    
    override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {

    }
    
    // 支持单元格编辑功能
    override func tableView(tableView: UITableView, canEditRowAtIndexPath indexPath: NSIndexPath) -> Bool {
        // Return NO if you do not want the specified item to be editable.
        return true
    }
    
    // Override to support editing the table view.
    override func tableView(tableView: UITableView, commitEditingStyle editingStyle: UITableViewCellEditingStyle, forRowAtIndexPath indexPath: NSIndexPath) {
        if editingStyle == .Delete {
            // Delete the row from the data source
            listVideos.removeObjectAtIndex(indexPath.row)
            tableView.deleteRowsAtIndexPaths([indexPath], withRowAnimation: .Fade)
        } else if editingStyle == .Insert {
            // Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view
        }    
    }

    
    // Override to support rearranging the table view.
    override func tableView(tableView: UITableView, moveRowAtIndexPath fromIndexPath: NSIndexPath, toIndexPath: NSIndexPath) {
        if fromIndexPath != toIndexPath{
            var object: AnyObject = listVideos.objectAtIndex(fromIndexPath.row)
            listVideos.removeObjectAtIndex(fromIndexPath.row)
            if toIndexPath.row > self.listVideos.count{
                self.listVideos.addObject(object)
            }else{
                self.listVideos.insertObject(object, atIndex: toIndexPath.row)
            }
        }
    }
    

    
    // Override to support conditional rearranging of the table view.
    //在编辑状态,可以拖动设置item位置
    override func tableView(tableView: UITableView, canMoveRowAtIndexPath indexPath: NSIndexPath) -> Bool {
        // Return NO if you do not want the item to be re-orderable.
        return true
    }
    

    
    // MARK: - Navigation

    //给新进入的界面进行传值
    override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject!) {
        if segue.identifier == "showDetail" {
            if let indexPath = self.tableView.indexPathForSelectedRow() {
                let object : NSDictionary = listVideos[indexPath.row] as NSDictionary
                (segue.destinationViewController as JieDetailViewController).detailItem = object
            }
        }
    }

    
    

}


JieTableViewCell.swift

//
//  JieTableViewCell.swift
//  JieTableView
//
//  Created by jiezhang on 14-10-5.
//  Copyright (c) 2014年 jiezhang. All rights reserved.
//

import UIKit

class JieTableViewCell: UITableViewCell {

    @IBOutlet weak var JieVideoImg: UIImageView!
    @IBOutlet weak var JieVideoTitle: UILabel!
    @IBOutlet weak var JieVideoSubTitle: UILabel!
    
    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

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

}
JieDetailViewController.swift

//
//  JieDetailViewController.swift
//  JieTableView
//
//  Created by jiezhang on 14-10-5.
//  Copyright (c) 2014年 jiezhang. All rights reserved.
//

import UIKit

class JieDetailViewController: UIViewController {
    

    @IBOutlet var big_video_img: UIImageView!
    //接受传进来的值
    var detailItem: NSDictionary?
    
    
    func configureView() {
        if let detail : NSDictionary = self.detailItem {
            self.title = detail.objectForKey("video_title") as? String
            let url : String = detail.objectForKey("video_img") as String
            let dataImg : NSData = NSData(contentsOfURL: NSURL(string : url))
            self.big_video_img.image = UIImage(data: dataImg)
        }
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        configureView()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    // MARK: - Navigation
    override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject!) {
       
    }

}









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

版权声明:本文为博主原创文章,未经博主允许不得转载。

swift 新闻列表实现

这个例子综合了前面两篇,利用oc框架和自定义cell,做出一个新闻列表出来,顺便补充一下上篇漏掉的一下东西、效果图 这个例子很典型,大致分为下面几个步骤实现: 1、网络请求 2、json解析 ...
  • xingyun1992
  • xingyun1992
  • 2016年05月07日 18:43
  • 1617

swift之表格控件简单使用(UITableview)

1、效果图 2、该控件(UITableView) 代码注意的地方:        A、ViewController 不单单继承于 UIViewController,还有 UITableVi...
  • HK_5788
  • HK_5788
  • 2016年03月03日 07:34
  • 1147

swift----纯代码实现 UITableViewCell单元格的自定义

import UIKit class bar1TableViewCell: UITableViewCell {       @IBOutlet var view: UIView!...
  • lanzeng_in_sz
  • lanzeng_in_sz
  • 2015年11月18日 11:36
  • 781

swift tableview 简单自定义tableViewCell的实现

  • 2016年06月25日 17:55
  • 266KB
  • 下载

ios TableView那些事2(Swift 二) 初见TableView Grouped

今天让我来创建个简单的Grouped 一 import UIKit class ViewController: UITableViewController {     let ...
  • lengshengren
  • lengshengren
  • 2014年11月28日 00:27
  • 9782

Swift UITableView 使用的简单介绍

Swift故事板实现UITableView
  • yan943789510
  • yan943789510
  • 2016年09月19日 11:52
  • 1504

Swift - 纯代码实现页面segue跳转,以及参数传递

下面通过一个例子说明如何在代码中进行segue页面的切换,以及参数的传递。 样例功能如下: 1,主界面中是一个列表(这个列表是在代码中实现) 2,点击列表项时,界面会切换到详情页面,同时传...
  • hard_working1
  • hard_working1
  • 2016年02月28日 00:06
  • 1805

Swift实现IOS界面的跳转

IOS开发中界面跳转有两种方式,上下跳转和左右跳转。 上下跳转_TO: let secondViewController = SecondViewController() self.presentVi...
  • tianmaxingkong_
  • tianmaxingkong_
  • 2016年02月21日 16:53
  • 11636

包括使用简单的tableview,自定义cell以及界面的跳转,本地存储

  • 2015年10月11日 08:44
  • 69KB
  • 下载

Swift 实现简单自定义TableViewCell

自定义cell其实还是比较简单的,个人理解,直接把自己需要的控件添加
  • xyybaozhen
  • xyybaozhen
  • 2014年09月29日 14:15
  • 5707
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Swift基础--使用TableViewController自定义列表
举报原因:
原因补充:

(最多只允许输入30个字)