仿微信朋友圈以及新浪微博

难点:由于有视频,语音,地理位置,文字,图片等不同的数据类型,所以相对来说布局叫复杂

主要的思路是:在获取数据的同时,计算好每个cell的布局,高度

1.数据类

@interface ShareInfoDemo : NSObject

@property(nonatomic,strong)NSString *idNum;

@property(nonatomic,strong)NSString *type;

@property(nonatomic,strong)NSString *content;

@property(nonatomic,strong)NSArray  *referUris;

@property(nonatomic,strong)NSString *duration;

@property(nonatomic,strong)NSString *sendTime;

@property(nonatomic,strong)SelfDataModel *user;

@property(nonatomic,strong)NSMutableDictionary *replyPage;

@property(nonatomic,strong)NSMutableDictionary *zans;

@property(nonatomic,strong)NSString *location;

@property(nonatomic,assign)bool hasShowAll;

@end

2.计算每个cell

@interface ShareInfoFrame : NSObject

@property(nonatomic,strong)ShareInfoDemo *shareInfo;

@property(nonatomic,assign)CGRect iconImageFrame;

@property(nonatomic,assign)CGRect nameFrame;

@property(nonatomic,assign)CGRect contentFrame;

@property(nonatomic,strong)NSMutableArray * imageViewFArr;

@property(nonatomic,assign)CGRect mapFrame;

@property(nonatomic,assign)CGRect playviewFrame;

@property(nonatomic,assign)CGRect timeFrame;

@property(nonatomic,assign)CGRect blogToolBarF;

@property(nonatomic,strong)NSMutableArray *responseViewHeightArr;

@property(nonatomic,assign)CGFloat cellHeight;

@property(nonatomic,assign)CGRect zanFrame;

@property(nonatomic,assign)CGRect playSoundFrame;

@property(nonatomic,assign)CGRect delectFrame;

@property(nonatomic,assign)CGRect showAllFrame;

@end


.m文件

-(NSDictionary *)parseJSONStringToNSDictionary:(NSString *)JSONString {

  NSData *JSONData = [JSONString dataUsingEncoding:NSUTF8StringEncoding];    NSDictionary *responseJSON = [NSJSONSerialization JSONObjectWithData:JSONData options:NSJSONReadingMutableLeaves error:nil];    return responseJSON;

}

-(void)setShareInfo:(ShareInfoDemo *)shareInfo{  

_shareInfo=shareInfo;   

self.imageViewFArr=[[NSMutableArray alloc]initWithCapacity:0];    self.responseViewHeightArr=[[NSMutableArray alloc]initWithCapacity:0];    /

/头像的Frame    CGFloat iconX = 20;    CGFloat iconY = 20;    CGFloat iconW = 40;    CGFloat iconH = 40;   

self.iconImageFrame=CGRectMake(iconX, iconY, iconW, iconH);   

//名字的Frame    CGFloat nameX = 70;    CGFloat nameY = 20;    CGFloat nameW = YBScreenBoundsWidth-90;    CGFloat nameH =15;  

self.nameFrame = CGRectMake(nameX, nameY, nameW, nameH);   

//文字内容的Frame    CGFloat contentX=70;    CGFloat contentY=40;    CGFloat contentW=YBScreenBoundsWidth-90;    CGSize size1 = CGSizeMake(YBScreenBoundsWidth-90, MAXFLOAT);   

NSDictionary *dict = @{NSFontAttributeName:ContentFont};   

CGSize size2 =[self.shareInfo.content boundingRectWithSize:size1 options:NSStringDrawingUsesLineFragmentOrigin attributes:dict context:nil].size;    CGFloat contentH = size2.height;      

self.contentFrame=CGRectMake(contentX, contentY, contentW, contentH); 

  if (contentH>90) {        if (!self.shareInfo.hasShowAll) {             self.contentFrame=CGRectMake(contentX, contentY, contentW, 90);      

}    }    //富文本内容的Frame//    bool isOver=NO;//    if (size2.height+40<60) {//        isOver=NO;//   

}else{//        isOver=YES;//  

}    if ([self.shareInfo.type isEqualToString:@"TEXT"]) {  

    if([self.shareInfo.content containsString:@"{"]){         

  NSDictionary *dic=[self parseJSONStringToNSDictionary:self.shareInfo.content];            //文字内容的Frame            CGFloat contentX=70;            CGFloat contentY=40;            CGFloat contentW=YBScreenBoundsWidth-90;            CGSize size1 = CGSizeMake(YBScreenBoundsWidth-90, MAXFLOAT);            NSDictionary *dict = @{NSFontAttributeName:ContentFont};            CGSize size2 =[[NSString stringWithFormat:@"%@%@",dic[@"user"][@"name"],dic[@"message"]] boundingRectWithSize:size1 options:NSStringDrawingUsesLineFragmentOrigin attributes:dict context:nil].size;            CGFloat contentH = size2.height;            self.contentFrame=CGRectMake(contentX, contentY, contentW, contentH);//            if (contentH>90) {//                if (!self.shareInfo.hasShowAll) {//                    self.contentFrame=CGRectMake(contentX, contentY, contentW, 90);//                }//            }                    }        self.timeFrame=CGRectMake(70, CGRectGetMaxY(self.contentFrame)+10, 60,20);        self.blogToolBarF=CGRectMake(YBScreenBoundsWidth-20-22, CGRectGetMaxY(self.contentFrame)+10, 22, 13);        NSMutableString *mstr=[[NSMutableString alloc]initWithCapacity:0];        for (int i=0; i90&&![self.shareInfo.content containsString:@"{"]) {

self.showAllFrame=CGRectMake(210, self.timeFrame.origin.y-2, 60, 25);

}

NSArray *listArr=self.shareInfo.replyPage[@"list"];

if (![listArr isKindOfClass:[NSNull class]]) {

NSValue *lasevalue=[self.responseViewHeightArr lastObject];

CGRect rect=[lasevalue CGRectValue];

self.cellHeight=CGRectGetMaxY(rect)+20;

}else{

if (self.shareInfo.zans.allKeys.count==0) {

self.cellHeight=CGRectGetMaxY(self.timeFrame)+20;

}else{

self.cellHeight=CGRectGetMaxY(self.zanFrame)+20;

}

}

if (listArr.count==0) {

if (self.shareInfo.zans.allKeys.count==0) {

self.cellHeight=CGRectGetMaxY(self.timeFrame)+20;

}else{

self.cellHeight=CGRectGetMaxY(self.zanFrame)+20;

}

}

}


总结:看起来难的东西,只要思路对了就好了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容