swift学习六天 项目实战－知乎日报之UITabelView使用

这里附上代码下载地址:

    http://download.csdn.net/detail/guchengyunfeng/7989139

上篇写了接口部分,现在来开始开发界面部分.

界面开发的大致思路跟使用OC的时候差不多,感觉就是将OC的语法用swift翻译 一遍，有什么API不会的可以直接进去查看属性,方法和委托。

先看界面的效果图

首先开始自定义一个cell
选中File->New File

选中Source->swift File

将名称命名为NewsCell，这样就新建了一个NewsCell.swift文件

然后再选中File->New File

选择User Interface->View

设备选择iphone

命名为NewsCell

于是我们得到了两个文件NewsCell.swift和NewsCell.xib

下面我们开始布局NewsCell.xib，我们要实现这种效果

tableviewcell里面要放置一个UILabel和一个UIImageView

于是我们在自定义tableviewcell里面布局如下

我们在NewsCell.swift和NewsCell.xib两个文件里面操作

我们得到的NewsCell.swift的文件如下

import Foundationimport UIKitclass NewsCell:UITableViewCell{    @IBOutlet var NImg : UIImageView    @IBOutlet var NLabContent : UILabel}

现在完成了自定义的TabelViewCell

下面演示如何在代码中使用NewsCell

  func tableView(tableView: UITableView?, cellForRowAtIndexPath indexPath: NSIndexPath?) -> UITableViewCell? {                var cell = tableView?.dequeueReusableCellWithIdentifier(identifier, forIndexPath: indexPath) as? NewsCell        var index = indexPath!.row        var data = self.jsonArrStories[index] as NSDictionary                var sTitle=data.objectForKey("title") as String        cell!.NLabContent.text=sTitle        var arrImgURL=data.objectForKey("images") as NSArray        var imagURL=arrImgURL[0] as String        println("imageURL:\(imagURL)")        cell!.NImg.setImage(imagURL,placeHolder: UIImage(named: "001p9BkFgy6KqjPYZg74b&690.jpeg"))                return cell    }

我们对比之前用OC开发的时候的代码（随便拷贝一份过来的）

static NSString *CustomCellIdentifier = @"CustomCellIdentifier";        static BOOL nibsRegistered = NO;    if (!nibsRegistered) {        UINib *nib = [UINib nibWithNibName:@"CustomCell" bundle:nil];        [tableView registerNib:nib forCellReuseIdentifier:CustomCellIdentifier];        nibsRegistered = YES;    }        CustomCell *cell = [tableView dequeueReusableCellWithIdentifier:CustomCellIdentifier];         NSUInteger row = [indexPath row];    NSDictionary *rowData = [self.dataList objectAtIndex:row];        cell.name = [rowData objectForKey:@"name"];    cell.dec = [rowData objectForKey:@"dec"];    cell.loc = [rowData objectForKey:@"loc"];    cell.image = [imageList objectAtIndex:row];         return cell;

大致思路是差不多，只不过语法方面有些差异，直接翻译过来就好了

下面我们初始化TabelView

  func setupViews()    {        //tableView       tabNewList.delegate=self       tabNewList.dataSource=self       var nib = UINib(nibName:"NewsCell", bundle: nil)       self.tabNewList?.registerNib(nib, forCellReuseIdentifier: identifier)                //scrollView       scrollNewList.delegate=self       var pageCount=jsonArrtop_stories.count       println("pageCount\(pageCount)")       scrollNewList.contentSize=CGSizeMake(CGFloat(pageCount*320), CGFloat(140))       scrollNewList.pagingEnabled=true       self.addImgsToScroll(scrollNewList, arrStory_Top: self.jsonArrtop_stories)                //pageConrol       pageNewList.numberOfPages=pageCount       pageNewList.currentPage=1               var dic1=jsonArrtop_stories.objectAtIndex(0) as NSDictionary       var title1=dic1["title"] as String       labScrollTitle.text=title1                //RefreshControl        self.addRefreshView("PullUpView")       // self.addRefreshView("PullDownView")    }

然后实现几个tableview的接口

 func numberOfSectionsInTableView(tableView: UITableView?) -> Int {        // #warning Potentially incomplete method implementation.        // Return the number of sections.        return 1    }            func tableView(tableView: UITableView!, heightForRowAtIndexPath indexPath: NSIndexPath!) -> CGFloat    {       return 104    }        func tableView(tableView: UITableView?, numberOfRowsInSection section: Int) -> Int {        // #warning Incomplete method implementation.        // Return the number of rows in the section.        return jsonArrStories.count    }            func tableView(tableView: UITableView?, cellForRowAtIndexPath indexPath: NSIndexPath?) -> UITableViewCell? {                var cell = tableView?.dequeueReusableCellWithIdentifier(identifier, forIndexPath: indexPath) as? NewsCell        var index = indexPath!.row        var data = self.jsonArrStories[index] as NSDictionary                var sTitle=data.objectForKey("title") as String        cell!.NLabContent.text=sTitle        var arrImgURL=data.objectForKey("images") as NSArray        var imagURL=arrImgURL[0] as String        println("imageURL:\(imagURL)")        cell!.NImg.setImage(imagURL,placeHolder: UIImage(named: "001p9BkFgy6KqjPYZg74b&690.jpeg"))                return cell    }        func tableView(tableView: UITableView!, didSelectRowAtIndexPath indexPath: NSIndexPath!)    {        var index = indexPath!.row        var data = self.jsonArrStories[index] as NSDictionary        var aId : Int=data.objectForKey("id") as Int        var board:UIStoryboard = UIStoryboard(name:"Main", bundle:nil);        var detailConrol=board.instantiateViewControllerWithIdentifier("KDNewsDetailController") as KDNewsDetailController        detailConrol.aId=aId        println("detailConrol.id\(aId)")       // self.showViewController(detailConrol, sender: self)       self.presentModalViewController(detailConrol, animated: true)    }

ok，到这里就完成了这种效果，下一篇介绍使用UIScollView和UIPageConrol以及定时器实现上面滚动的效果

这里附上代码下载地址:

    http://download.csdn.net/detail/guchengyunfeng/7989139