UI - 自定义MJRefresh动画 , 自定义布局

MJRefresh框架在大部分中的项目中都能见到 , 但是随时用户体验意识的增强 , 越来越多的需求被提出 . 已不完全满足于在上拉或者下拉提示简单的文字了 . 经常我们看见越来越多的App用到加载动画 .而以上的需求 , 在github上已经有全面的使用说明了 , 而唯一缺少的是自定义布局动画效果, 直接上代码吧

---

查看框架类 —>MJRefreshGifHeader , 继续查看继承关系 , 可以找到最终的类为 MJRefreshComponent .
观察MJRefresh中每个类 , 从每个类中不难看出 , 从复杂的动画下拉刷新 , 到简单的下拉上拉文字提醒 , 每一个子类都重写了父类的 prepare 和 placeSubviews 方法 , 前者在 MJRefreshComponent 类中的重写initWithFrame方法中 , 用于创建刷新控件 , placeSubviews 在MJRefreshComponent类中的重写layoutSubviews方法中 ,用于刷新控件的布局 .
所以 , 当我们想要对刷新控件进行重新布局 , 只需要继承MJRefreshGifHeader , 然后重写placeSubviews方法即可.

---

<.h>

@interface MYCustomGifHeader ()

//记录header的高度
@property (nonatomic, assign) CGSize imageSize;

@end

MJRefreshGifHeader 类中的布局方法

- (void)placeSubviews
{
    [super placeSubviews];

    if (self.gifView.constraints.count) return;

    self.gifView.frame = self.bounds;
    if (self.st