IOS開發(fā)QQ空間/朋友圈類界面的搭建
更新時間：2016年11月30日 14:51:26 作者：NULLGIRL
本篇文章主要介紹了iOS開發(fā)之類似朋友圈的社交界面實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
先來看下效果：
公司在做一個報修工單的功能，其中主要功能點在于，這個功能不完全是靜態(tài)顯示的， 它還可以點擊回復，在下面增加評論，可以點擊查看評論詳情，也可以收回評論詳情， 評論可以帶圖片，也可以不帶圖片，工單內(nèi)容可以帶圖片，也可以不帶圖片。 并且回復內(nèi)容的條數(shù)也不確定，就是因為這樣的不確定性，一定程度增加了開發(fā)的難度。
根據(jù)MVC的思想，最初Cell應該自帶一個數(shù)據(jù)模型dataModel，單現(xiàn)在我們多增加一個Frame模型， frame模型里面包含了各個子控件的frame值，并且自帶數(shù)據(jù)模型dataModel屬性， 我們就是在設置dataModel的時候 給frame計算每一個cell的高度
首先我們要準備數(shù)據(jù)模型，有了數(shù)據(jù)模型，才能計算文字的大小，才能得到Frame模型
以下是數(shù)據(jù)模型的代碼：
#import <Foundation/Foundation.h> @interface RepairOrderModel : NSObject @property (nonatomic,strong) NSString * repair_id; @property (nonatomic,strong) NSString * faddress; @property (nonatomic,strong) NSArray * comment_imag_list; @property (nonatomic,strong) NSString * fservicecontent; @property (nonatomic,strong) NSString * frealname; @property (nonatomic,strong) NSString * fordernum; @property (nonatomic,strong) NSString * power_do; @property (nonatomic,strong) NSString * fusername; @property (nonatomic,strong) NSString * fcreatetime; @property (nonatomic,strong) NSString * fstatus; @property (nonatomic,strong) NSArray * reply_list; @property (nonatomic,strong) NSArray * repairs_imag_list; @property (nonatomic,strong) NSString * comment_score; @property (nonatomic,strong) NSString * normal_do; @property (nonatomic,strong) NSString * comment_content; @property (nonatomic,strong) NSString * fremindercount; // 加急狀態(tài) -(instancetype)initWithDict:(NSDictionary *)dict; +(instancetype)repairModelWithDict:(NSDictionary *)dict; @end
先來看看Frame模型的代碼：
在.h文件里：
#import <Foundation/Foundation.h> #import "RepairViewFrame.h" // 回復評論列表的區(qū)域frame @class RepairOrderModel; @interface RepairOrderFrame : NSObject /** 是否展開回復 默認是NO*/ @property (nonatomic,assign) BOOL isOpenReply; /** * 頭像的frame ,結構體用assin */ @property (nonatomic, assign, readonly) CGRect iconF; /** * 業(yè)主名的frame */ @property (nonatomic, assign, readonly) CGRect nameF; /** * 訂單時間的frame */ @property (nonatomic, assign, readonly) CGRect timeF; /** * 訂單內(nèi)容的frame */ @property (nonatomic, assign, readonly) CGRect desF; /** * 業(yè)主地址的frame */ @property (nonatomic, assign, readonly) CGRect addF; /** * 訂單號碼的frame */ @property (nonatomic, assign, readonly) CGRect orderNumF; /** * 加急狀態(tài)的frame */ @property (nonatomic, assign, readonly) CGRect urgentF; /** * 配圖1的frame */ @property (nonatomic, assign, readonly) CGRect image1ListF; /** * 配圖2的frame */ @property (nonatomic, assign, readonly) CGRect image2ListF; /** * 配圖3的frame */ @property (nonatomic, assign, readonly) CGRect image3ListF; /** * 派單按鈕的frame */ @property (nonatomic, assign, readonly) CGRect sendOrdersBtnF; /** * 派單狀態(tài)的frame */ @property (nonatomic, assign, readonly) CGRect sendStateF; /** * 接受按鈕的frame */ @property (nonatomic, assign, readonly) CGRect acceptBtnF; /** * 評論按鈕的frame */ @property (nonatomic, assign, readonly) CGRect commandBtnF; /** * 評論數(shù)量的frame */ @property (nonatomic, assign, readonly) CGRect countLabelF; /** * 詳情按鈕的frame */ @property (nonatomic, assign, readonly) CGRect detailBtnF; /** * 回復區(qū)域的frame */ @property (nonatomic, assign, readonly) CGRect commandViewF; /** * 回復區(qū)域內(nèi)部的frame模型數(shù)組 裝RepairViewFrame 模型 */ @property (nonatomic,strong) NSMutableArray * repairViewFrameArr; //@property (nonatomic, assign, readonly) RepairViewFrame * commandFrameModel; /** * cell的高度 */ @property (nonatomic, assign, readonly) CGFloat cellHeight; @property (nonatomic, strong) RepairOrderModel *model; //只有拿到模型數(shù)據(jù)才能算這些屬性的frame，readonly：在這個模型里面的frame屬性別人不能亂改，只能訪問 @end
因為我這個頁面比較復雜 子控件比較多 所以屬性也很多
注意：我這里還有一個屬性是repairViewFrameArr 這個是裝載我回復區(qū)域的每一條回復的Frame
我把回復區(qū)域的每一條回復單獨做了另外一個View，所以每一個回復View就要對應一個回復Frame
我就把所有回復的Frame裝在這個數(shù)組里。（如果你們的頁面沒有回復區(qū)域，此處省略）
在設置Frame模型的實現(xiàn)文件.m里
切記，在Frame模型中計算大小設置的字號應該和cell中展現(xiàn)一樣
// 小號字體
#define SmallFont [UIFont systemFontOfSize:12]
// 中號字體
#define MiddleFont [UIFont systemFontOfSize:14]
// 正常字體
#define LargeFont [UIFont systemFontOfSize:16]
#import "RepairOrderFrame.h"
#import "RepairOrderModel.h" // 數(shù)據(jù)模型
@implementation RepairOrderFrame
-(instancetype)init{
if (self = [super init]) {
self.isOpenReply = NO;
self.repairViewFrameArr = [NSMutableArray array]; //回復數(shù)組（里面裝載回復的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方法，接收模型數(shù)據(jù)為本類的屬性賦值
{
_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.業(yè)主名字
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.服務內(nèi)容
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.派單狀態(tài)
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.評論數(shù)量
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.回復區(qū)域 (此處就是增加了每一條回復的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(@"回復區(qū)域的高度 === %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;
}
}
之后我們來看看Cell的頭文件.h里：
#import <UIKit/UIKit.h> #import "RepairOrderModel.h" // 工單數(shù)據(jù)模型頭文件 #import "RepairOrderFrame.h" // 工單Frame模型頭文件 typedef void (^PushPhotoBigVCBlock)(NSArray * imageList); //展示大圖 typedef void (^PushRealBlock)(NSString * frealname); //跳轉業(yè)主頁 typedef void (^LookReplyBlock)(NSIndexPath * myIndexPath,BOOL isOpen); //點擊查看回復詳情 typedef void (^PushCommandVCBlock)(); //跳轉評論頁 @interface RepairOrderTableViewCell : UITableViewCell @property (nonatomic,strong) RepairOrderModel* model; -(instancetype)initWithTableview:(UITableView *)tableview; +(instancetype)cellWithTableview:(UITableView *)tableview; @property (nonatomic, strong) RepairOrderFrame *statusFrame; @property (nonatomic,strong) NSIndexPath * currentIndexPath; @property (nonatomic,copy) PushPhotoBigVCBlock block; -(void)pushPhotoVC:(PushPhotoBigVCBlock)block; @property (nonatomic,copy) PushRealBlock block1; -(void)pushRealVC:(PushRealBlock)block1; @property (nonatomic,copy) LookReplyBlock block2; -(void)lookReplyDetailView:(LookReplyBlock)block2; @property (nonatomic,copy) PushCommandVCBlock block3; -(void)pushCommandViewController:(PushCommandVCBlock)block3; @end
cell實現(xiàn)文件.m中：
#import "RepairOrderTableViewCell.h"
#import "ReplyDetailView.h" // 回復區(qū)域
// 小號字體
#define SmallFont [UIFont systemFontOfSize:12]
// 中號字體
#define MiddleFont [UIFont systemFontOfSize:14]
// 正常字體
#define LargeFont [UIFont systemFontOfSize:16]
@interface RepairOrderTableViewCell()
// 頂部點擊區(qū)域 （增加手勢）
@property (nonatomic,strong) UIView * topView;
@property (nonatomic,strong) UIImageView * iconView; //圖標
@property (nonatomic,strong) UILabel * fnameLabel; //業(yè)主名
@property (nonatomic,strong) UILabel * timeLabel; //訂單時間
@property (nonatomic,strong) UILabel * desLabel; //服務內(nèi)容 fservicecontent
@property (nonatomic,strong) UILabel * addLabel; //訂單地址 faddress
@property (nonatomic,strong) UILabel * orderNumLabel; //工單號碼 fordernum
@property (nonatomic,strong) UILabel * urgentLabel; //加急狀態(tài) fremindercount
@property (nonatomic,strong) UIView * imagesListView; //圖片列表 repairs_imag_list
@property (nonatomic,strong) UIButton * sendOrdersBtn; //派單按鈕
@property (nonatomic,strong) UILabel * sendStateLabel; //派單狀態(tài)
@property (nonatomic,strong) UIButton * acceptBtn; //接受按鈕
@property (nonatomic,strong) UIButton * commandBtn; //評論按鈕
@property (nonatomic,strong) UILabel * countLabel; //評論數(shù)量
@property (nonatomic,strong) UIButton * detailBtn; //詳情按鈕
@property (nonatomic,strong) UIImageView * photo1;
@property (nonatomic,strong) UIImageView * photo2;
@property (nonatomic,strong) UIImageView * photo3;
@end
@implementation RepairOrderTableViewCell
+(instancetype)cellWithTableview:(UITableView *)tableview{
return [[self alloc]initWithTableview:tableview];
}
-(instancetype)initWithTableview:(UITableView *)tableview{
static NSString * identify = @"RepairOrderCell";
RepairOrderTableViewCell * cell = [tableview dequeueReusableCellWithIdentifier:identify];
if (cell == nil) {
cell = [[RepairOrderTableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identify];
}
// cell的復用問題 先刪除所有的回復View 不刪除的話 復用cell會重影
[self deleteReplyView];
self.photo1.hidden = NO;
self.photo2.hidden = NO;
self.photo3.hidden = NO;
return cell;
}
-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier{
if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
self.selectionStyle = UITableViewCellSelectionStyleNone;
[self defaultSubViews];//這里初始化各個子視圖，不要給frame賦值
}
return self;
}
- (void)defaultSubViews
{
// 1.頭像
self.iconView = [[UIImageView alloc] init];
[self.contentView addSubview:self.iconView];
// 2.業(yè)主名
self.fnameLabel = [[UILabel alloc] init];
self.fnameLabel.font = LargeFont;
[self.contentView addSubview:self.fnameLabel];
// 3.日期
self.timeLabel = [[UILabel alloc] init];
self.timeLabel.font = SmallFont;
[self.contentView addSubview:self.timeLabel];
// 4. 地址
self.addLabel = [[UILabel alloc] init];
self.addLabel.font = LargeFont;
[self.contentView addSubview:self.addLabel];
//5.單號
self.orderNumLabel = [[UILabel alloc] init];
self.orderNumLabel.font = SmallFont;
[self.contentView addSubview:self.orderNumLabel];
// 6.加急
self.urgentLabel = [[UILabel alloc] init];
self.urgentLabel.font = MiddleFont;
[self.contentView addSubview:self.urgentLabel];
// 7.服務內(nèi)容
self.desLabel = [[UILabel alloc] init];
self.desLabel.font = MiddleFont;
[self.contentView addSubview:self.desLabel];
// 8.圖片列表
self.photo1 = [[UIImageView alloc]init];
self.photo1.userInteractionEnabled = YES;
[self.contentView addSubview:self.photo1];
self.photo2 = [[UIImageView alloc]init];
self.photo2.userInteractionEnabled = YES;
[self.contentView addSubview:self.photo2];
self.photo3 = [[UIImageView alloc]init];
self.photo3.userInteractionEnabled = YES;
[self.contentView addSubview:self.photo3];
UITapGestureRecognizer * tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(photoTap)];
[self.photo1 addGestureRecognizer:tap];
UITapGestureRecognizer * tap2 = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(photoTap)];
[self.photo2 addGestureRecognizer:tap2];
UITapGestureRecognizer * tap3 = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(photoTap)];
[self.photo3 addGestureRecognizer:tap3];
// 9.派單按鈕
self.sendOrdersBtn = [[UIButton alloc] init];
self.sendOrdersBtn.backgroundColor = mainColor;
[self.contentView addSubview:self.sendOrdersBtn];
// 10.派單狀態(tài)
self.sendStateLabel = [[UILabel alloc] init];
self.sendStateLabel.font = MiddleFont;
[self.contentView addSubview:self.sendStateLabel];
// 11.接受按鈕
self.acceptBtn = [[UIButton alloc] init];
self.acceptBtn.backgroundColor = mainColor;
[self.contentView addSubview:self.acceptBtn];
// 12.評論按鈕
self.commandBtn = [[UIButton alloc] init];
self.commandBtn.backgroundColor = mainColor;
[self.contentView addSubview:self.commandBtn];
// 13.評論數(shù)量
self.countLabel = [[UILabel alloc] init];
self.countLabel.font = SmallFont;
[self.contentView addSubview:self.countLabel];
// 14.詳情按鈕
self.detailBtn = [[UIButton alloc] init];
self.detailBtn.backgroundColor = mainColor;
[self.contentView addSubview:self.detailBtn];
// 16.頂部點擊事件
self.topView = [[UIView alloc]init];
[self.contentView addSubview:self.topView];
}
/**
* 在這個方法中設置子控件的frame和顯示數(shù)據(jù)
*/
- (void)setStatusFrame:(RepairOrderFrame *)statusFrame
{
_statusFrame = statusFrame;
// 1.設置數(shù)據(jù)
[self settingData];
// 2.設置frame
[self settingFrame];
}
/**
* 設置數(shù)據(jù)
*/
- (void)settingData
{
// 微博數(shù)據(jù)
RepairOrderModel *dataModel = self.statusFrame.model;
// 1.頭像
self.iconView.backgroundColor = mainColor;
// 2.業(yè)主名
self.fnameLabel.text = dataModel.frealname;
// 3.日期
self.timeLabel.text = dataModel.fcreatetime;
// 4. 地址
self.addLabel.text = dataModel.faddress;
//5.單號
self.orderNumLabel.text = [NSString stringWithFormat:@"單號:%@",dataModel.fordernum];
// 6.加急
self.urgentLabel.text = @"加急";
// 7.服務內(nèi)容
self.desLabel.text = dataModel.fservicecontent;
// 8.圖片列表
self.photo1.backgroundColor = [UIColor yellowColor];
NSArray * arr = dataModel.repairs_imag_list;
if (arr.count != 0) {
switch (arr.count) {
case 3:
{
self.photo3.hidden = NO;
[self.photo3 sd_setImageWithURL:[NSURL URLWithString:arr[2][@"fimagpath"]]];
}
case 2:
{
self.photo2.hidden = NO;
[self.photo2 sd_setImageWithURL:[NSURL URLWithString:arr[1][@"fimagpath"]]];
}
case 1:
{ self.photo1.hidden = NO;
[self.photo1 sd_setImageWithURL:[NSURL URLWithString:arr[0][@"fimagpath"]]];
}
break;
}
}
else{
self.photo1.hidden = YES;
self.photo2.hidden = YES;
self.photo3.hidden = YES;
}
// 9.派單按鈕
[self.sendOrdersBtn setTitle:@"派單" forState:UIControlStateNormal];
// 10.派單狀態(tài)
self.sendStateLabel.text = @"派單";
// 11.接受按鈕
[self.acceptBtn setTitle:@"接受" forState:UIControlStateNormal];
// 12.評論按鈕
[self.commandBtn setTitle:@"評論" forState:UIControlStateNormal];
[self.commandBtn addTarget:self action:@selector(pushCommand) forControlEvents:UIControlEventTouchUpInside];
// 13.評論數(shù)量
self.countLabel.text = [NSString stringWithFormat:@"%d",dataModel.reply_list.count];
// 14.詳情按鈕
[self.detailBtn setTitle:@"詳情" forState:UIControlStateNormal];
[self.detailBtn addTarget:self action:@selector(replyDetail) forControlEvents:UIControlEventTouchUpInside];
if (self.statusFrame.isOpenReply) {
NSLog(@"創(chuàng)建評論");
[self createReplyView];
}
else{
NSLog(@"刪除評論");
[self deleteReplyView];
}
}
/**
* 計算文字尺寸
*
* @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;
}
/**
* 設置frame
*/
- (void)settingFrame
{
// 1.頭像
self.iconView.frame = self.statusFrame.iconF;
self.iconView.layer.cornerRadius = self.statusFrame.iconF.size.width/2;
// 2.業(yè)主名
self.fnameLabel.frame = self.statusFrame.nameF;
// 3.日期
self.timeLabel.frame = self.statusFrame.timeF;
// 4. 地址
self.addLabel.frame = self.statusFrame.addF;
//5.單號
self.orderNumLabel.frame = self.statusFrame.orderNumF;
// 6.加急
self.urgentLabel.frame = self.statusFrame.urgentF;
// 7.服務內(nèi)容
self.desLabel.frame = self.statusFrame.desF;
// 8.圖片列表
if (self.statusFrame.model.repairs_imag_list.count != 0) {
switch (self.statusFrame.model.repairs_imag_list.count) {
case 3:
{
self.photo3.frame = self.statusFrame.image3ListF;
}
case 2:
{
self.photo2.frame = self.statusFrame.image2ListF;
}
case 1:
{
self.photo1.frame = self.statusFrame.image1ListF;
}
break;
}
}
// 9.派單按鈕
self.sendOrdersBtn.frame = self.statusFrame.sendOrdersBtnF;
self.sendOrdersBtn.layer.cornerRadius = self.statusFrame.sendOrdersBtnF.size.width/2;
// 10.派單狀態(tài)
self.sendStateLabel.frame = self.statusFrame.sendStateF;
// 11.接受按鈕
self.acceptBtn.frame = self.statusFrame.acceptBtnF;
// 12.評論按鈕
self.commandBtn.frame = self.statusFrame.commandBtnF;
self.commandBtn.layer.cornerRadius = self.statusFrame.commandBtnF.size.width/2;
// 13.評論數(shù)量
self.countLabel.frame = self.statusFrame.countLabelF;
// 14.詳情按鈕
self.detailBtn.frame = self.statusFrame.detailBtnF;
// 16.增加頂部點擊事件：
self.topView.frame = CGRectMake(0, 0, ScreenWidth, CGRectGetMaxY(self.iconView.frame));
self.topView.backgroundColor = [UIColor clearColor];
UITapGestureRecognizer * topViewClickTap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(topViewClick)];
[self.topView addGestureRecognizer:topViewClickTap];
}
#pragma mark - 創(chuàng)建評論區(qū)域
-(void)createReplyView{
[self deleteReplyView];
CGFloat viewY = self.statusFrame.cellHeight;
for (int i = self.statusFrame.repairViewFrameArr.count - 1; i >= 0 ; i --) {
NSLog(@"111111111111111111111111111111 %d",self.statusFrame.repairViewFrameArr.count);
RepairViewFrame * rFrame = self.statusFrame.repairViewFrameArr[i];
RepairViewFrame * rLastFrame;
viewY -= rFrame.viewHeight;
ReplyDetailView * view = [[ReplyDetailView alloc]init];
view.tag = 5000 + i;
view.frame = CGRectMake(0, viewY, ScreenWidth, rFrame.viewHeight);
view.backgroundColor = MYColor(random()%256, random()%256, random()%256);
[self.contentView addSubview:view];
}
}
#pragma mark - 刪除評論區(qū)域
-(void)deleteReplyView{
for (int i = 0; i < self.statusFrame.repairViewFrameArr.count; i ++) {
ReplyDetailView * view = (ReplyDetailView *)[self.contentView viewWithTag:5000 + i];
[view removeFromSuperview];
}
}
#pragma mark - 查看大圖
-(void)photoTap{
if (self.block) {
self.block(self.statusFrame.model.repairs_imag_list);
}
}
#pragma mark - 進入業(yè)主詳情
-(void)topViewClick{
NSLog(@"業(yè)主詳情");
if (self.block1) {
self.block1(self.statusFrame.model.frealname);
}
}
#pragma mark - 查看回復詳情
-(void)replyDetail{
//先判斷是否有回復
if (self.model.reply_list.count == 0) {
return;
}
self.statusFrame.isOpenReply = !self.statusFrame.isOpenReply;
if (self.statusFrame.isOpenReply) {
NSLog(@"打開評論");
// [self createReplyView];
}
else{
NSLog(@"關閉評論");
[self deleteReplyView];
}
if (self.block2) {
self.block2(self.currentIndexPath,self.statusFrame.isOpenReply);
}
}
#pragma mark - 跳轉去評論頁面
-(void)pushCommand{
if (self.block3) {
self.block3();
}
}
-(void)pushPhotoVC:(PushPhotoBigVCBlock)block{
if (!self.block) {
self.block = block;
}
}
-(void)pushRealVC:(PushRealBlock)block1{
if (!self.block1) {
self.block1 = block1;
}
}
-(void)lookReplyDetailView:(LookReplyBlock)block2{
if (!self.block2) {
self.block2 = block2;
}
}
-(void)pushCommandViewController:(PushCommandVCBlock)block3{
if (!self.block3) {
self.block3 = block3;
}
}
Controller界面就是把model放入cell里
主要代碼：
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
RepairOrderTableViewCell *cell = [RepairOrderTableViewCell cellWithTableview:tableView];
cell.currentIndexPath = indexPath;
NSLog(@"改變前cell高度： %f",cell.statusFrame.cellHeight);
[cell pushPhotoVC:^(NSArray *imageList) {
//圖片展示
self.lookImageList = imageList;
[self photoTap];
}];
[cell pushRealVC:^(NSString *frealname) {
//跳轉業(yè)主詳情頁
OwnerViewController * ownerVC = [[OwnerViewController alloc]init];
[self.navigationController pushViewController:ownerVC animated:YES];
}];
[cell lookReplyDetailView:^(NSIndexPath *myIndexPath,BOOL isOpen) {
cell.statusFrame.isOpenReply = isOpen;
[cell.statusFrame setModel:cell.statusFrame.model];
NSLog(@"indexPath.row == %d",myIndexPath.row);
//刷新這一行
[tableView reloadRowsAtIndexPaths:@[myIndexPath] withRowAnimation:UITableViewRowAnimationNone];
// [tableView reloadData];
}];
[cell pushCommandViewController:^{
//跳轉去評論頁面
OrderCommandViewController * commandVC = [[OrderCommandViewController alloc]init];
[self.navigationController pushViewController:commandVC animated:YES];
}];
cell.model = ((RepairOrderFrame *)self.framesArr[indexPath.row]).model;
cell.statusFrame = self.framesArr[indexPath.row];
return cell;
}
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
iOS中的音頻服務和音頻AVAudioPlayer音頻播放器使用指南
這里我們要介紹的是AVAudio ToolBox框架中的AudioServicesPlaySystemSound函數(shù)創(chuàng)建的服務,特別適合用來制作鈴聲,下面就簡單整理一下iOS中的音頻服務和音頻AVAudioPlayer音頻播放器使用指南:2016-06-06
本文是IOS開發(fā)之路的第四篇，主要講訴如何一步步搭建起微博的骨架，并附上源碼，希望對大家的IOS開發(fā)能提供些借鑒2014-08-08
本篇文章主要介紹了iOS身份證號碼識別示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
下面介紹下如何使用 Xcode、Reveal 和 Safari 來真機調試 iOS 上的小程序。感興趣的朋友跟隨腳本之家小編一起看看吧2018-08-08
這篇文章主要給大家介紹了關于iOS開發(fā)教程之WKWebView與JS的交互的相關資料，文中通過示例代碼介紹的非常詳細，對各位iOS開發(fā)者們具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-07-07
下面小編就為大家分享一篇Android 在頁面中顯示打包日期的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹的是自己在打包上傳項目的時候遇到的一個問題，通過自己的努力一步步解決了，現(xiàn)將解決方法方法分享給大家，希望給同樣遇到這個問題的朋友們能有所幫助，下面來一起看看吧。2016-09-09
這篇文章主要為大家詳細介紹了超精準的iOS計步器實現(xiàn)代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
Objective-C編程中語句和變量的一些編寫規(guī)范建議
這篇文章主要介紹了Objective-C編程中語句和變量的一些編寫規(guī)范建議,包括三目運算符和錯誤處理等方面,以及對變量命名的書寫建議,需要的朋友可以參考下2016-04-04
這篇文章主要給大家介紹了關于iOS坐標系的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-11-11