你好,歡迎來到IOS教程網

 Ios教程網 >> IOS編程開發 >> IOS開發綜合 >> iOS - 類似朋友圈的社交界面實現

iOS - 類似朋友圈的社交界面實現

編輯:IOS開發綜合

社交界面
公司在做一個報修工單的功能,其中主要功能點在於,這個功能不完全是靜態顯示的,它還可以點擊回復,在下面增加評論,可以點擊查看評論詳情,也可以收回評論詳情,評論可以帶圖片,也可以不帶圖片,工單內容可以帶圖片,也可以不帶圖片。並且回復內容的條數也不確定,就是因為這樣的不確定性,一定程度增加了開發的難度。

根據MVC的思想,最初Cell應該自帶一個數據模型dataModel,單現在我們多增加一個Frame模型,frame模型裡面包含了各個子控件的frame值,並且自帶數據模型dataModel屬性,我們就是在設置dataModel的時候 給frame計算每一個cell的高度

首先我們要准備數據模型,有了數據模型,才能計算文字的大小,才能得到Frame模型
以下是數據模型的代碼:

#import 

@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; // 加急狀態

-(instancetype)initWithDict:(NSDictionary *)dict;
+(instancetype)repairModelWithDict:(NSDictionary *)dict;
@end

先來看看Frame模型的代碼:
在.h文件裡:

#import 
#import "RepairViewFrame.h" // 回復評論列表的區域frame
@class RepairOrderModel;
@interface RepairOrderFrame : NSObject
/** 是否展開回復 默認是NO*/
@property (nonatomic,assign) BOOL isOpenReply;

/**
 *  頭像的frame  ,結構體用assin
 */
@property (nonatomic, assign, readonly) CGRect iconF;
/**
 *  業主名的frame
 */
@property (nonatomic, assign, readonly) CGRect nameF;
/**
 *  訂單時間的frame
 */
@property (nonatomic, assign, readonly) CGRect timeF;
/**
 *  訂單內容的frame
 */
@property (nonatomic, assign, readonly) CGRect desF;
/**
 *  業主地址的frame
 */
@property (nonatomic, assign, readonly) CGRect addF;
/**
 *  訂單號碼的frame
 */
@property (nonatomic, assign, readonly) CGRect orderNumF;
/**
 *  加急狀態的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;
/**
 *  派單狀態的frame
 */
@property (nonatomic, assign, readonly) CGRect sendStateF;
/**
 *  接受按鈕的frame
 */
@property (nonatomic, assign, readonly) CGRect acceptBtnF;
/**
 *  評論按鈕的frame
 */
@property (nonatomic, assign, readonly) CGRect commandBtnF;
/**
 *  評論數量的frame
 */
@property (nonatomic, assign, readonly) CGRect countLabelF;
/**
 *  詳情按鈕的frame
 */
@property (nonatomic, assign, readonly) CGRect detailBtnF;
/**
 *  回復區域的frame
 */
@property (nonatomic, assign, readonly) CGRect commandViewF;
/**
 *  回復區域內部的frame模型數組 裝RepairViewFrame 模型
 */
@property (nonatomic,strong) NSMutableArray * repairViewFrameArr;

//@property (nonatomic, assign, readonly) RepairViewFrame * commandFrameModel;


/**
 *  cell的高度
 */
@property (nonatomic, assign, readonly) CGFloat cellHeight;

@property (nonatomic, strong) RepairOrderModel *model;    //只有拿到模型數據才能算這些屬性的frame,readonly:在這個模型裡面的frame屬性別人不能亂改,只能訪問
@end

因為我這個頁面比較復雜 子控件比較多 所以屬性也很多
注意:我這裡還有一個屬性是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;
    }


}

之後我們來看看Cell的頭文件.h裡:

#import 
#import "RepairOrderModel.h"  // 工單數據模型頭文件
#import "RepairOrderFrame.h"  // 工單Frame模型頭文件

typedef void (^PushPhotoBigVCBlock)(NSArray * imageList);  //展示大圖
typedef void (^PushRealBlock)(NSString * frealname);      //跳轉業主頁
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實現文件.m中:

#import "RepairOrderTableViewCell.h"
#import "ReplyDetailView.h" // 回復區域
// 小號字體
#define SmallFont [UIFont systemFontOfSize:12]
// 中號字體
#define MiddleFont [UIFont systemFontOfSize:14]
// 正常字體
#define LargeFont [UIFont systemFontOfSize:16]
@interface RepairOrderTableViewCell()

// 頂部點擊區域 (增加手勢)
@property (nonatomic,strong) UIView * topView;


@property (nonatomic,strong) UIImageView * iconView; //圖標
@property (nonatomic,strong) UILabel * fnameLabel; //業主名
@property (nonatomic,strong) UILabel * timeLabel;  //訂單時間
@property (nonatomic,strong) UILabel * desLabel;   //服務內容  fservicecontent



@property (nonatomic,strong) UILabel * addLabel;  //訂單地址  faddress
@property (nonatomic,strong) UILabel * orderNumLabel;  //工單號碼 fordernum
@property (nonatomic,strong) UILabel * urgentLabel;  //加急狀態 fremindercount
@property (nonatomic,strong) UIView * imagesListView;  //圖片列表 repairs_imag_list
@property (nonatomic,strong) UIButton * sendOrdersBtn;  //派單按鈕
@property (nonatomic,strong) UILabel * sendStateLabel;  //派單狀態
@property (nonatomic,strong) UIButton * acceptBtn;  //接受按鈕
@property (nonatomic,strong) UIButton * commandBtn;  //評論按鈕
@property (nonatomic,strong) UILabel * countLabel;  //評論數量
@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.業主名
    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.服務內容
    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.派單狀態
    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.評論數量
    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和顯示數據
 */
- (void)setStatusFrame:(RepairOrderFrame *)statusFrame
{
    _statusFrame = statusFrame;

    // 1.設置數據
    [self settingData];

    // 2.設置frame
    [self settingFrame];
}
/**
 *  設置數據
 */
- (void)settingData
{
    // 微博數據
    RepairOrderModel *dataModel = self.statusFrame.model;

    // 1.頭像
    self.iconView.backgroundColor = mainColor;


    // 2.業主名
    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.服務內容
    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.派單狀態
    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.評論數量
    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(@"創建評論");
        [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.業主名
    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.服務內容
    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.派單狀態
    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.評論數量
    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 - 創建評論區域
-(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 - 刪除評論區域
-(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 - 進入業主詳情
-(void)topViewClick{
    NSLog(@"業主詳情");
    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) {
       //跳轉業主詳情頁
        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;
}

做好筆記 , 怕自己忘了

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved