DFTimelineView

仿微信朋友圈仿微信朋友圈时间轴支持发送图文短视频赞评论图片大图浏览视频预览

Android版

https://github.com/anyunzhong/AndroidTimelineView

Installation

pod 'DFTimelineView'

Usage

#import "DFTimelineView.h"

主时间轴直接继承 DFTimeLineViewController

添加图文

    DFTextImageLineItem *textImageItem = [[DFTextImageLineItem alloc] init];
    textImageItem.itemId = 10000000; //随便设置一个 待服务器生成
    textImageItem.userId = 10018;
    textImageItem.userAvatar = @"http://file-cdn.datafans.net/avatar/1.jpeg";
    textImageItem.userNick = @"富二代";
    textImageItem.title = @"发表了";
    textImageItem.text = text;
    
    
    NSMutableArray *srcImages = [NSMutableArray array];
    textImageItem.srcImages = srcImages; //大图 可以是本地路径 也可以是网络地址 会自动判断
    
    NSMutableArray *thumbImages = [NSMutableArray array];
    textImageItem.thumbImages = thumbImages; //小图 可以是本地路径 也可以是网络地址 会自动判断
    
    
    for (id img in images) {
        [srcImages addObject:img];
        [thumbImages addObject:img];
    }
    
    textImageItem.location = @"广州信息港";
    [self addItemTop:textImageItem];

添加小视频

    DFVideoLineItem *videoItem = [[DFVideoLineItem alloc] init];
    videoItem.itemId = 10000000; //随便设置一个 待服务器生成
    videoItem.userId = 10018;
    videoItem.userAvatar = @"http://file-cdn.datafans.net/avatar/1.jpeg";
    videoItem.userNick = @"富二代";
    videoItem.title = @"发表了";
    videoItem.text = @"新年过节 哈哈"; //这里需要present一个界面 用户填入文字后再发送 场景和发图片一样
    videoItem.location = @"广州";
    
    videoItem.localVideoPath = videoPath;
    videoItem.videoUrl = @""; //网络路径
    videoItem.thumbUrl = @"";
    videoItem.thumbImage = screenShot; //如果thumbImage存在 优先使用thumbImage
    
    [self addItemTop:videoItem];

发送图文后回调

-(void)onSendTextImage:(NSString *)text images:(NSArray *)images;

发送视频后回调

-(void)onSendTextImage:(NSString *)text images:(NSArray *)images;

插入到头部和尾部

//添加到末尾
-(void) addItem:(DFBaseLineItem *) item;

//添加到头部
-(void) addItemTop:(DFBaseLineItem *) item;

赞和评论

    DFLineLikeItem *likeItem1_1 = [[DFLineLikeItem alloc] init];
    likeItem1_1.userId = 10086;
    likeItem1_1.userNick = @"Allen";
    [textImageItem.likes addObject:likeItem1_1];
    
    
    DFLineLikeItem *likeItem1_2 = [[DFLineLikeItem alloc] init];
    likeItem1_2.userId = 10088;
    likeItem1_2.userNick = @"奥巴马";
    [textImageItem.likes addObject:likeItem1_2];
    
    
    
    DFLineCommentItem *commentItem1_1 = [[DFLineCommentItem alloc] init];
    commentItem1_1.commentId = 10001;
    commentItem1_1.userId = 10086;
    commentItem1_1.userNick = @"习大大";
    commentItem1_1.text = @"精彩 大家鼓掌";
    [textImageItem.comments addObject:commentItem1_1];
    
    
    DFLineCommentItem *commentItem1_2 = [[DFLineCommentItem alloc] init];
    commentItem1_2.commentId = 10002;
    commentItem1_2.userId = 10088;
    commentItem1_2.userNick = @"奥巴马";
    commentItem1_2.text = @"欢迎来到美利坚";
    commentItem1_2.replyUserId = 10086;
    commentItem1_2.replyUserNick = @"习大大";
    [textImageItem.comments addObject:commentItem1_2];
    
    
    DFLineCommentItem *commentItem1_3 = [[DFLineCommentItem alloc] init];
    commentItem1_3.commentId = 10003;
    commentItem1_3.userId = 10010;
    commentItem1_3.userNick = @"神雕侠侣";
    commentItem1_3.text = @"呵呵";
    [textImageItem.comments addObject:commentItem1_3];

下拉刷新和上拉更多

-(void) refresh
{
    //下来刷新 从服务器请求最新数据
    //请求完成后结束刷新
    [self endRefresh];
}



-(void) loadMore
{
    //加载更多 从服务器请求数据
    //请求完成后结束上拉更多
    [self endLoadMore];
}

设置封面用户头像昵称签名

    NSString *coverUrl = [NSString stringWithFormat:@"http://file-cdn.datafans.net/temp/12.jpg_%dx%d.jpeg", (int)self.coverWidth, (int)self.coverHeight];
    [self setCover:coverUrl];
    
    NSString *avatarUrl = [NSString stringWithFormat:@"http://file-cdn.datafans.net/avatar/1.jpeg_%dx%d.jpeg", (int)self.userAvatarSize, (int)self.userAvatarSize];
    [self setUserAvatar:avatarUrl];
    
    [self setUserNick:@"Allen"];
    
    [self setUserSign:@"梦想还是要有的 万一实现了呢"];

用户评论和点赞后回调

-(void)onCommentCreate:(long long)commentId text:(NSString *)text itemId:(long long) itemId
{

    DFLineCommentItem *commentItem = [[DFLineCommentItem alloc] init];
    commentItem.commentId = [[NSDate date] timeIntervalSince1970];
    commentItem.userId = 10098;
    commentItem.userNick = @"金三胖";
    commentItem.text = text;
    [self addCommentItem:commentItem itemId:itemId replyCommentId:commentId];
        
    //接下来可以请求服务器操作数据 也可以先请求服务器后再刷新界面
    
}

-(void)onLike:(long long)itemId
{
    //点赞
    DFLineLikeItem *likeItem = [[DFLineLikeItem alloc] init];
    likeItem.userId = 10092;
    likeItem.userNick = @"琅琊榜";
    [self addLikeItem:likeItem itemId:itemId];
    
    //接下来可以请求服务器操作数据 也可以先请求服务器后再刷新界面
    
}

点击头像

-(void)onClickUser:(NSUInteger)userId
{
    //点击左边头像 或者 点击评论和赞的用户昵称
    //例如去到用户单独的时间轴 也可以自定义到其它地方
    UserViewController *controller = [[UserViewController alloc] init];
    [self.navigationController pushViewController:controller animated:YES];
}


-(void)onClickHeaderUserAvatar
{
    [self onClickUser:[当前用户ID]];
}

Extend

STEP1: 扩展新类型继承 DFBaseLineItem 例如扩展一个分享文章的类型

@interface DFShareLineItem : DFBaseLineItem

@property (nonatomic, strong) NSString *title;
@property (nonatomic, strong) UIImage *digest;
...................
@end

STEP2: 扩展CELL 继承 DFBaseLineCell 例如扩展一个分享文章的CELL为例

@implementation DFShareLineCell

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
       //初始化相关View
       
       UILabel *label = ......
       
       [self.bodyView addSubview:label]; 
       //bodyView只中间部分的容器 比如图文就是文字+九宫格图片部分 视频就是文字+视频区域
       //注意：不能把view直接加到cell的contentView上面
    }
    return self;
}


//更新数据 必需实现
-(void)updateWithItem:(DFShareLineItem *)item
{
    [super updateWithItem:item];
    
    //将数据更新到相关view上 同时计算出总的高度
    
    //最后更新父容器的高度
    [self updateBodyView:(计算出的高度)];
    
}

//通过数据计算出cell的高度
-(CGFloat)getCellHeight:(DFShareLineItem *)item
{

    CGFloat height = [super getCellHeight:item]; //父容器公共部分需要的高度

    return height + body部分的高度;
}

STEP3: 将实体和cell关联起来加载数据的时候通过实体去找对应的cell

注意: 需要在数据加载之前就注册好

 DFLineCellManager *manager = [DFLineCellManager sharedInstance];
 [manager registerCell:[DFShareLineItem class] cellClass:[DFShareLineCell class]];

TODO

性能优化
用户时间轴完善
增加其它新的类型

ChangeLog

v1.3.0 重构cell管理模式点击视频全屏播放

v1.2.9 增加发送图片发送短视频

v1.2.8 加入pod

License

anyunzhong/DFTimelineView

ErrorLooks like something went wrong!

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Languages

Error
Looks like something went wrong!

Packages