iOS仿微博客户端一条微博的展示效果

前言

做一个微博客户端的第三方是自学的第一个实践的项目，自从从事iOS工作之后，就把这个项目给搁置了。趁现在过年回来有些空闲时间，再次修改（总觉得项目就是不停地修改）。并且记录一点东西，以后可再回头看看从前走过的路，挖过的坑。这是一条微博的展示，不是整个项目。

废话不多说，先上效果图：

拆分控件

在开始动手写代码之前，我们得先确定怎么去实现这样子的布局，也就是分析需要用到哪些控件。

观察微博客户端，整体是可滑动的，而且界面展示比较规律的，所以应该是使用UITableView实现的。那么一条微博应该是用UITableViewCell 来实现的，这个由点击时，整条微博都变色可以肯定。
一条微博与其他的微博之间是有大约10PX的间距，可以认为每个Section就只有一个Cell。

每条微博的共同部分包括：头像，用户名称，发布时间与发布来源，微博正文，底部的转发，评论，赞。不同的部分有：配图，非原创微博的正文。（视频，文章等在这个项目中不做考虑）所以共同部分可以直接在xib上固定，不同部分则需要在.m文件用代码来写。

控件的确定：头像和配图使用UIImageView，用户名称，发布时间与来源，微博正文，非原创微博的正文都是使用UILabel，而底部的转发，评论，赞使用UIButton。

当一条微博是非原创微博（转发微博），根据点击被转发的微博的变色情况，可以确定转发微博是一个整体，可以确定转发微博是放在一个UIView上再添加到Cell上面的。

布局

放上一张xib的布局图：(button是与底部进行约束的)

共同的部分，先设置一些参数。

- (void)awakeFromNib {
[super awakeFromNib];
_contentLabel.numberOfLines = 0;//正文多行

//圆形头像
_headImageView.layer.masksToBounds = YES;
_headImageView.layer.cornerRadius = HeadImageHeight / 2;

//设置tag，为了后面识别点击哪个按钮
_repostButton.tag = RepostButtonTag;
_commentButton.tag = CommentButtonTag;
_likeButton.tag = LikeButtonTag;
}