淘先锋技术网

首页 1 2 3 4 5 6 7

一、那么,我们看上面这个东西,这就是我们保存在HeaderView里面的一个东西吧,

HeaderView

HeaderView里面的一个东西,

HeaderView

1.因为这个东西,看起来,是不是也是一个这个样子,也是一个固定的样子啊,

所以我们这个UITableView的HeaderView,也可以使用一个xib来描述,也可以使用xib来描述,

上面,这是不是就是一个UIScrollView,

是不是用来滚动的,这个咱们昨天已经给大家说过了,

然后,下面,这儿有一根线,这儿有一个“猜你喜欢”,一个Label,下面是不是又有一根线啊,

猜你喜欢

2.来,咱们把上面这个HeaderView,给大家实现一下,

注意,实现的时候,这个UIScrollView的图片轮播起,我就不实现了,可以吧,因为这个在前几次课中已经讲过了,

这个图片轮播器,是不是就是咱们那天做那个代码,

我就告诉大家,在哪儿去写这个代码,就可以了,

告诉大家在哪儿去写这个代码以后,你写的时候,直接把咱们那天那个代码,直接就是用那个代码写,就OK了,

3.那么,我就把上面这个两根线,包括这个Label,以及如何来实现,给大家说一下,

1)注意,我们说,这两根线,怎么来实现啊,

两根线

有人说,这两根线,不就是那个设置UITableView的saperator,线的那个Style吗,对吧,

但是不是,但是不是,

因为,注意,我们这个UITableView的saperatorStyle,

是不是我们UITableView中,每行和每行之间的分割线吧,

分割线

是每行和每行之间的分割线,

而这两个线,是我UITableView的tableHeaderView里面,是不是自己要的两根线啊,

你有可能要三根、四根、五根、六根、,

是不是都有可能,

所以说,这两根线,是我们自己实现的,这两根线,怎么实现,

就是拽两个UIView,把UIView的宽度,设成320,高度设成1,

设个背景色,设个透明度,就好了,

就是用UIView来实现的,

有人说,这样做,是不是效率太低了,一根线就这么做,

这样做,没啥问题,除非你后面学了绘图以后,你可以通过绘图来绘制,否则用UIView,本身就没有任何问题,

3.OK,来,我们看一下这个东西,

这里

我们这里,在这个UITableView里,需要给它来个头,所以,我们再建一个xib,

这个xib,就是我们那个headerView吧,

在User Interface里面,建一个xib,

xib

叫什么,

叫什么

CZHeaderView,

CZHeaderView

3.好,里面,需要一个View,

拽一个View过来,

View

那么,这个View,一开始是不是不能改大小啊,

大小

给它的Size变成什么,freeform,

freeform

设置它的大小,宽320,高150,

宽

然后呢,上面是不是有一个UIScrollView啊,

拽一个UIScrollView上来,

UIScrollView

这个ScrollView,它并不是320,

不是320

我们看一下,它不是320啊,左右都各有个10吗,给它来个10吧,

因为这个是iPhone6吧,iPhone6模拟器下我截的图,

给它来个宽度300,距离左边10,距离上边0,高度呢,100吧,

距离

距离上边是0,太宽了对吧,宽度改成280,距离左边20,

然后,距离上边,来个10,

距离上边

这样是不是好点儿,

4.然后,我们有了UIScrollView以后,下面是不是应该来两根线了,

那么,这个是10,它自身高度是150,那么,这儿来根线,应该是在160的位置吧,

在160的位置来根线,所以我拽一个UIView过来,

拽过来