Swift实战-豆瓣电台(二)界面布局

原文:Swift实战-豆瓣电台(二)界面布局

 

观看地址

http://v.youku.com/v_show/id_XNzMwMDg4NzAw.html

 

这节的内容主要是storyboard的操作。

有以下几个知识点

1 TableView的DataSource与Delegate的设定。我们将其绑定在ViewController上,使之遵循UITableViewDataSource,UITableViewDelegate协议来实现。然后我们实现了两个函数,一个返回了TableView中行数。也就是TableView里面有多少条数据。

func tableView(tableView: UITableView!, numberOfRowsInSection section: Int) -> Int{
        return 10
}

一个返回了TableView的单元格(cell)实例,也就是单元格长什么样

func tableView(tableView: UITableView!, cellForRowAtIndexPath indexPath: NSIndexPath!) -> UITableViewCell!{
        let cell=UITableViewCell(style: UITableViewCellStyle.Subtitle, reuseIdentifier: "douban")
        return cell
}

 

2 单元格的识别。

在storyboard中选中cell。然后设置ldentifier的值来实现。ldentifier的值与下列语句中的reuseIdentifier 的值(”douban”)对应。

let cell=UITableViewCell(style: UITableViewCellStyle.Subtitle, reuseIdentifier: "douban")

 

3 从频道列表中返回主界面如果按照主界面跳转到频道列表的方式则会不断地产生新的主界面。所以用dismissViewControllerAnimated函数来回跳

self.dismissViewControllerAnimated(true, completion: nil)

 本节高清视频及项目文件下载地址

http://pan.baidu.com/s/1sjHd5qX

下一节内容,我们将一起来学习一下怎么获取网络数据以及json的解析转化。

时间: 2024-12-22 15:53:49

Swift实战-豆瓣电台(二)界面布局的相关文章

Swift实战-豆瓣电台(五)播放音乐

原文:Swift实战-豆瓣电台(五)播放音乐 观看地址 http://v.youku.com/v_show/id_XNzMwODM0MzI0.html   在这节里面,我们简单学习了一下MediaPlayer的使用 引入媒体框架 import MediaPlayer   申明一个媒体播放器 var audioPlayer:MPMoviePlayerController=MPMoviePlayerController();   播放暂停操作 self.audioPlayer.stop() self

Swift实战-豆瓣电台(七)显示动画

原文:Swift实战-豆瓣电台(七)显示动画   youku观看地址http://v.youku.com/v_show/id_XNzMxODQzNDIw.html 这是一个很酷的动画效果.特别是数据多的时候 知识点 在单元格(Cell)显示方法中设置动画   func tableView(tableView: UITableView!, willDisplayCell cell: UITableViewCell!, forRowAtIndexPath indexPath: NSIndexPath

Swift实战-豆瓣电台(六)视图跳转,传参及回跳

原文:Swift实战-豆瓣电台(六)视图跳转,传参及回跳 youku观看地址:http://v.youku.com/v_show/id_XNzMxMzQ3MDcy.html 要点 在ChannelController里面声明一个代理   这个代理遵循我们自定义的协议ChannlePrococol.   遵循这个协议的主界面类在注入后有一个回调方法onChangeChanne将所选择的频道返回.   prepareForSegue方法 这个方法是在准备跳转的时候执行的.在这里面我们能拿到将要跳转的

Swift实战-豆瓣电台(四)歌曲列表的展现

原文:Swift实战-豆瓣电台(四)歌曲列表的展现 观看地址 http://v.youku.com/v_show/id_XNzMwNDE0OTA4.html 这节的主要内容是如何利用cell展现获取到的数据. 首先申明两个数组来储存我们获取到的数据 var tableData:NSArray=NSArray() var channelData:NSArray=NSArray() tableData是主界面上歌曲列表要用的数据.所以在func tableView(tableView: UITabl

Swift实战-豆瓣电台(一)准备

原文:Swift实战-豆瓣电台(一)准备   一 准备 我们现在看看我们要做一个什么样的东西   观看地址:http://v.youku.com/v_show/id_XNzI4ODY2Mjky.html 布局   通过上面这张图我们可以看出整个demo有两个视图,视图一用来播放音乐,视图二用来选择频道. 视图一 ImageView用来显示音乐的图片 TableView用来显示音乐列表 Progress用来显示播放进度 Label用来显示播放时间 Button用来切换视图   视图二 Lbale显

AppleWatch开发入门二——界面布局

AppleWatch开发入门二--界面布局 一.简介         在iphone开发中,最基本的布局方式是通过frame,将控件的位置和大小固定在屏幕上,后来,由于手机屏幕的尺寸有了略微变化,有了autoresizing的布局框架,我们可以设置子视图随父视图的改变做一些相应的变化,再后来,iphone的尺寸与分辨率也越来越多,适配各个屏幕也成为了iOS开发者遇到的新的问题,幸运的是,autolayout机制的出现,大大减小了开发者在适配方面的成本.以上提到的两种布局方式,在以前博客中有讨论:

iOS界面布局之二——初识autolayout布局模型

iOS界面布局之二--初识autolayout布局模型 一.引言      在上一篇博客中介绍了传统的布局方式:autoresizing.随着iphone型号的越来越多,屏幕的标准也更加多样化,通过autoresizing已经不能满足开发的需求,而进行两套布局或者动态代码控制又大大增加了开发者的工作量,autolayout的出现拯救个这一切,它让动态布局变的十分简单便捷.     autoresizing介绍:http://my.oschina.net/u/2340880/blog/423357

BootStrap智能表单实战系列(四)表单布局介绍_javascript技巧

什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 表单的布局分为自动布局和自定义布局两种: 自动布局就是根据配置项中第二级配置项中数组的长度来自动使用不同的bootstrap栅格,通过设置autoLayout为true可以实现自动布局 自动以布局就是根据autoLayout来决定使用的栅格,通过设置autoLayout:'1,2,1,2,2,4' 表示 第一.二列占3格

iOS界面布局之三——纯代码的autoLayout及布局动画

iOS界面布局之三--纯代码的autoLayout及布局动画 一.引言         关于界面布局,apple的策略已经趋于成熟,autolayout的优势在开发中也已经展现的淋漓尽致.除了使用storyBoard进行布局约束的拖拽,有时我们也需要在代码中进行autolayout的布局设置,Masonry库可以方便的创建约束属性,实际上,我们也没有必要再使用系统原生的代码来创建和设置约束,这篇博客只作为使用的方法备忘.前几篇布局介绍的链接如下: 使用autoresizing进行界面布局:htt