百思学习笔记11－关注模块

关注模块的截图：

这里使用XIB的方式来编辑界面，在这里我也学习到了autolayout的使用

1.先新建一个xib

2.在xib文件中把Class设置为关注的控制器名

3.在files owner中把view连接到中间那个大方框上

4.这个时候我们就开始往上面拖控件了

先拖一个UIImageView，把图片设置为小猫

再拖一个UILabel,把文字输入好

“快快登录吧, 关注百思最in牛人
好友动态让你过把瘾儿~

欧耶~~~~!“

这个文字的样式是需要我们来设置的

先将文字输入好，然后在需要换行的地方按option ＋ return 键 就可以随意的换行了

然后把alignment设置为居中，把lines设置为0，就可以达到想要的效果了

再拖一个UIButton

先将文字设置好：“立即登录注册”

然后设置背景图片，“红色的方块”＝＝ “friendsTrend_login”

设置默认和点击的字体颜色、大小。

5.开始使用自动布局

首先设置小猫的大小（和原图尺寸大小一样）和水平居中

然后设置按钮的大小（这个尺寸也是根据美工来设计吧）也设置水平居中

然后开始设置文字，设置水平和垂直居中

然后设置小猫向下距离文字40

然后设置按钮向上距离文字40

最后我们点击update frames按钮就可以更新xib的界面了