IOS开发QQ空间/朋友圈类界面的搭建

2020-01-18 18:14:05王振洲

因为我这个页面比较复杂 子控件比较多 所以属性也很多 

注意:我这里还有一个属性是repairViewFrameArr 这个是装载我回复区域的每一条回复的Frame

我把回复区域的每一条回复单独做了另外一个View,所以每一个回复View就要对应一个回复Frame

我就把所有回复的Frame装在这个数组里。(如果你们的页面没有回复区域,此处省略)

在设置Frame模型的实现文件.m里 

切记,在Frame模型中计算大小设置的字号应该和cell中展现一样


// 小号字体
#define SmallFont [UIFont systemFontOfSize:12]
// 中号字体
#define MiddleFont [UIFont systemFontOfSize:14]
// 正常字体
#define LargeFont [UIFont systemFontOfSize:16]


#import "RepairOrderFrame.h" 
#import "RepairOrderModel.h" // 数据模型
@implementation RepairOrderFrame

-(instancetype)init{
  if (self = [super init]) {
    self.isOpenReply = NO;
    self.repairViewFrameArr = [NSMutableArray array];  //回复数组(里面装载回复的Frame模型)
  }
  return self;
}

/**
 * 计算文字尺寸
 *
 * @param text  需要计算尺寸的文字
 * @param font  文字的字体
 * @param maxSize 文字的最大尺寸
 */
- (CGSize)sizeWithText:(NSString *)text font:(UIFont *)font maxSize:(CGSize)maxSize
{
  NSDictionary *attrs = @{NSFontAttributeName : font};
  return [text boundingRectWithSize:maxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:attrs context:nil].size;
}


- (void)setModel:(RepairOrderModel *)model //重写set方法,接收模型数据为本类的属性赋值
{
  _model = model;

  // 子控件之间的间距
  CGFloat padding = 10;

  // 1.头像
  CGFloat iconX = padding;
  CGFloat iconY = padding;
  CGFloat iconW = 40;
  CGFloat iconH = 40;
  _iconF = CGRectMake(iconX, iconY, iconW, iconH);

  // 2.业主名字
  CGSize nameSize = [self sizeWithText:self.model.frealname font:LargeFont maxSize:CGSizeMake(MAXFLOAT, MAXFLOAT)];
  CGFloat nameX = CGRectGetMaxX(_iconF) + padding;
  CGFloat nameY = iconY + 10;
  _nameF = CGRectMake(nameX, nameY, nameSize.width, nameSize.height);


  // 3.日期
  CGSize timeSize = [self sizeWithText:self.model.fcreatetime font:SmallFont maxSize:CGSizeMake(MAXFLOAT, MAXFLOAT)];
  CGFloat timeX = CGRectGetMaxX(_iconF) + padding;
  CGFloat timeY = nameY + nameSize.height;
  _timeF = CGRectMake(timeX, timeY, timeSize.width, timeSize.height);


  // 4.地址
  CGSize addSize = [self sizeWithText:self.model.faddress font:LargeFont maxSize:CGSizeMake(120, MAXFLOAT)];
  CGFloat addX = ScreenWidth - addSize.width - padding;
  CGFloat addY = nameY;
  _addF = CGRectMake(addX, addY, addSize.width, nameSize.height);

  // 5.单号
  CGSize orderNumSize = [self sizeWithText:[NSString stringWithFormat:@"单号:%@",self.model.fordernum] font:SmallFont maxSize:CGSizeMake(MAXFLOAT, MAXFLOAT)];
  CGFloat orderNumX = ScreenWidth - orderNumSize.width - padding;
  CGFloat orderNumY = timeY;
  _orderNumF = CGRectMake(orderNumX, orderNumY, orderNumSize.width, orderNumSize.height);

  // 6.加急
  CGSize urgentSize = [self sizeWithText:@"加急" font:MiddleFont maxSize:CGSizeMake(MAXFLOAT, MAXFLOAT)];
  CGFloat urgentX = timeX;
  CGFloat urgentY = timeY + timeSize.height + 2 * padding;
  _urgentF = CGRectMake(urgentX, urgentY, urgentSize.width, urgentSize.height);

  // 7.服务内容
  CGSize desSize = [self sizeWithText:self.model.fservicecontent font:MiddleFont maxSize:CGSizeMake(MAXFLOAT, MAXFLOAT)];
  CGFloat desX = urgentX + urgentSize.width + 2;
  CGFloat desY = timeY + timeSize.height + 2 * padding;
  _desF = CGRectMake(desX, desY, desSize.width, desSize.height);

  // 8.图片列表 (最多三张)
  if (self.model.repairs_imag_list.count != 0) {// 有配图
    CGFloat width = 70;
    switch (self.model.repairs_imag_list.count) {
      case 3:
      {
        CGFloat pictureX = nameX + 2 * padding + 2 * width ;
        CGFloat pictureY = CGRectGetMaxY(_desF) + 1.5 * padding;
        _image3ListF = CGRectMake(pictureX, pictureY, width, width);
      }

      case 2:
      {
        CGFloat pictureX = nameX + padding + width;
        CGFloat pictureY = CGRectGetMaxY(_desF) + 1.5 * padding;
        _image2ListF = CGRectMake(pictureX, pictureY, width, width);
      }

      case 1:
      {
        CGFloat pictureX = nameX;
        CGFloat pictureY = CGRectGetMaxY(_desF) + 1.5 * padding;
        _image1ListF = CGRectMake(pictureX, pictureY, width, width);
      }
        break;
    }


  }
  else{
    _image1ListF = CGRectMake(0, CGRectGetMaxY(_desF) + 1.5 * padding , 0, 0);
    _image2ListF = CGRectMake(0, CGRectGetMaxY(_desF) + 1.5 * padding , 0, 0);
    _image3ListF = CGRectMake(0, CGRectGetMaxY(_desF) + 1.5 * padding , 0, 0);
  }

  // 9.派单button
  CGFloat sendOrderX = 1.5 * padding;
  CGFloat sendOrderY = CGRectGetMaxY(_image1ListF) + padding;
  CGFloat sendOrderW = 30;
  CGFloat sendOrderH = 30;
  _sendOrdersBtnF = CGRectMake(sendOrderX, sendOrderY, sendOrderW, sendOrderH);

  // 10.派单状态
  CGSize sendStateSize = [self sizeWithText:@"派单" font:MiddleFont maxSize:CGSizeMake(MAXFLOAT, MAXFLOAT)];
  CGFloat sendStateX = CGRectGetMaxX(_sendOrdersBtnF) + padding;
  CGFloat sendStateY = sendOrderY + padding;
  _sendStateF = CGRectMake(sendStateX, sendStateY, sendStateSize.width, sendStateSize.height);


  // 11.接受button
  CGFloat acceptX = CGRectGetMaxX(_sendStateF) +padding;
  CGFloat acceptY = sendStateY;
  CGFloat acceptW = 40;
  CGFloat acceptH = 25;
  _acceptBtnF = CGRectMake(acceptX, acceptY, acceptW, acceptH);

  // 12.评论button
  CGFloat commandX = ScreenWidth - padding - 120;
  CGFloat commandY = sendOrderY;
  CGFloat commandW = 30;
  CGFloat commandH = 30;
  _commandBtnF = CGRectMake(commandX, commandY, commandW, commandH);

  // 13.评论数量
  CGFloat countX = commandX + commandW + 2;
  CGFloat countY = commandY + commandH - 15;
  CGFloat countW = 20;
  CGFloat countH = 15;
  _countLabelF = CGRectMake(countX, countY, countW, countH);

  // 14.详情button
  CGFloat detailBtnX = ScreenWidth - padding - 60;
  CGFloat detailBtnY = sendOrderY + 10;
  CGFloat detailBtnW = 40;
  CGFloat detailBtnH = 25;
  _detailBtnF = CGRectMake(detailBtnX, detailBtnY, detailBtnW, detailBtnH);


  // 15.回复区域 (此处就是增加了每一条回复的Frame模型)
  CGFloat reply_listHeight = 0.0;
  if (model.reply_list.count != 0) {
    [self.repairViewFrameArr removeAllObjects];
    // 头像 同派单一样大小和高度
    for (int i = 0; i < model.reply_list.count; i ++) {
      RepairViewFrame * repairFrame = [[RepairViewFrame alloc]init];
      repairFrame.replyDic = model.reply_list[i];
      reply_listHeight += repairFrame.viewHeight;
      [self.repairViewFrameArr addObject:repairFrame];
    }

  }

  NSLog(@"回复区域的高度 === %f",reply_listHeight);

  CGFloat commandViewX = 0;
  CGFloat commandViewY = detailBtnY + detailBtnH + padding * 2;
  CGFloat commandViewW = ScreenWidth;
  CGFloat commandViewH = reply_listHeight;
  _commandViewF = CGRectMake(commandViewX, commandViewY, commandViewW, commandViewH);

  _cellHeight = CGRectGetMaxY(_detailBtnF) + 2 * padding;
  if (self.isOpenReply) {
    _cellHeight += reply_listHeight;
  }


}