如丝般顺滑的微信朋友圈（点赞，谈论，图文混排表情，...

文：waynezxcv

Gallop --- 异步制作排版引擎，支撑布局预加载缓存、支撑图文混排显现，支撑增加链接、支撑自定义排版，主动布局。只需求少数简略代码，就能够快速构建一个功能适当优异（翻滚时帧数60）的图文混排界面。

Gallop v0.2.1

Gallop --- 异步制作排版引擎，支撑布局预加载缓存、支撑图文混排显现，支撑增加链接、支撑自定义排版，主动布局。只需求少数简略代码，就能够构建一个功能适当优异（翻滚时帧数60）的图文混排界面。

Features

支撑文本布局制作预加载，并运用异步制作的办法，坚持界面的流通性
支撑富文本，图文混排显现，支撑行距离字距离，设置行数，自适应高度
支撑增加特点文本，自定义链接
支撑在子线程圆角图片，并防止离屏烘托
支撑经过设置束缚的办法主动布局
API简略，只需设置简略的特点，其他交给Gallop就好啦。

Requirements

运用Gallop完成网络图片加载部分依赖于SDWebImage（https://github.com/rs/SDWebImage） 'SDWebImage', '~>3.7'

Who Use

适合于想要快速建立相似微信朋友圈、新浪微博Timeline等杂乱的图文混排翻滚界面，并关于翻滚流通性功能有必定要求的状况。

Installation

将Gallop文件夹下的.h及.m文件增加到你的工程傍边。

#import "Gallop.h"

Usage

API Quickstart

运用示例

1.生成一个文本模型

[Objective-C] 检查源文件 仿制代码

LWTextStorage* textStorage = [[LWTextStorage alloc] init];
textStorage.text = @"waynezxcv";
textStorage.font = [UIFont systemFontOfSize:15.0f];
textStorage.textColor = RGB(113, 129, 161, 1);

/***  为文本增加点击链接事情  ***/
[textStorage addLinkWithData:data
                         inRange:NSMakeRange(0,statusModel.name.length)
                       linkColor:RGB(113, 129, 161, 1)
                  highLightColor:RGB(0, 0, 0, 0.15)];

/***  点击链接回调  ***/
- (void)lwAsyncDisplayView:(LWAsyncDisplayView *)asyncDisplayView didCilickedLinkWithfData:(id)data;

/***  用本地图片替换掉指定方位的文字  ***/
[textStorage lw_replaceTextWithImage:[UIImage imageNamed:@"img"]
                            contentMode:UIViewContentModeScaleAspectFill
                                imageSize:CGSizeMake(60, 60)
                        alignment:LWTextAttachAlignmentTop
            range:NSMakeRange(webImageTextStorage.text.length - 7, 0)];


/***  用网络图片替换掉指定方位的文字  ***/
[textStorage lw_replaceTextWithImageURL:[NSURL URLWithString:@"https://avatars0.githubusercontent.com/u/8408918?v=3&s=460"]
                                            contentMode:UIViewContentModeScaleAspectFill
                                              imageSize:CGSizeMake(60, 60)
                                              alignment:LWTextAttachAlignmentTop
                                                  range:NSMakeRange(webImageTextStorage.text.length - 7, 0)];

/***  用UIView替换掉指定方位的文字  ***/
[textStorage lw_replaceTextWithView:[[UISwitch alloc] initWithFrame:CGRectMake(0, 0, 60.0f, 30.0f)]
                                contentMode:UIViewContentModeScaleAspectFill
                                       size:CGSizeMake(60.0f, 30.0f)
                                  alignment:LWTextAttachAlignmentTop
                                      range:NSMakeRange(1,0)];

2.生成一个图片模型

[Objective-C] 检查源文件 仿制代码

/***  本地图片  ***/
LWImageStorage* imamgeStorage = [[LWImageStorage alloc] init];
imamgeStorage.contents = [UIImage imageNamed:@"pic.jpeg"];
imamgeStorage.frame = CGRectMake(textStorage.left, textStorage.bottom + 20.0f, 80, 80);
imamgeStorage.cornerRadius = 40.0f;//设置圆角半径


/***  网络图片  ***/
LWImageStorage* imamgeStorage = [[LWImageStorage alloc] init];
imamgeStorage.contents = [NSURL URLWithString:@"https://avatars0.githubusercontent.com/u/8408918?v=3&s=460"];
imamgeStorage.frame = CGRectMake(textStorage.left, textStorage.bottom + 20.0f, 80, 80);
imamgeStorage.cornerRadius = 40.0f;

/***  点击图片回调  ***/
- (void)lwAsyncDisplayView:(LWAsyncDisplayView *)asyncDisplayView didCilickedImageStorage:(LWImageStorage *)imageStorage touch:(UITouch *)touch;

3.设置束缚主动布局

[Objective-C] 检查源文件 仿制代码

[LWConstraintManager lw_makeConstraint:textStorage.constraint.leftMargin(10).topMargin(20).widthLength(40.0f).heightLength(40.0f)];
[LWConstraintManager lw_makeConstraint:imamgeStorage.constraint.leftMarginToStorage(textStorage,10).topMargin(20).widthLength(SCREEN_WIDTH)];

4.生成布局模型

[Objective-C] 检查源文件 仿制代码

LWLayout* layout = [[LWLayout alloc] init];

/***  将LWstorage实例增加到layout傍边  ***/
[layout addStorage:textStorage];
[layout addStorage:imamgeStorage];

5.创立LWAsyncDisplayView，并将LWLayout实例赋值给创立LWAsyncDisplayView目标

[Objective-C] 检查源文件 仿制代码

LWAsyncDisplayView* asyncDisplayView = [[LWAsyncDisplayView alloc] initWithFrame:CGRectZero maxImageStorageCount:10];
asyncDisplayView.layout = layout;
[self.view addSubview:asyncDisplayView];

假如需求愈加具体的内容，请看各个头文件和Demo，有具体的注释
Demo中有用Gallop构建的微信朋友圈,下载Demo真机调试。

正在不断完善中...有任何问题请联络我 [email protected]

DEMO下载：

运转demo能够检查效果，并且在demo中，针对各种文本和图文的完成都有具体的用例

项目介绍：

相关源码引荐：