類似朋友圈的社交介面實現

阿新 • • 發佈：2019-01-20

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

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

首先我們要準備資料模型，有了資料模型，才能計算文字的大小，才能得到Frame模型
以下是資料模型的程式碼：

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

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

先來看看Frame模型的程式碼：
在.h檔案裡：

#import <Foundation/Foundation.h>
#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 <UIKit/UIKit.h>
#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

 
 
              
           
              
              
            
            相關推薦
			   
            
            
            
 

    

    
    類似朋友圈的社交介面實現
      
							
							
							 
公司在做一個報修工單的功能，其中主要功能點在於，這個功能不完全是靜態顯示的， 
它還可以點選回覆，在下面增加評論，可以點選檢視評論詳情，也可以收回評論詳情， 
評論可以帶圖片，也可以不帶圖片，工單內容可以帶圖片，也可以不帶圖片。 
並且回覆內容的條數也不確定 

  
 

    

    
    週記6——css實現類似朋友圈九宮格縮圖完美展示
      公司有在做一個類似qq空間的開發，發表說說避免不了的要有圖片展示。 產品提出的空間縮圖的展示類似*信朋友圈那種效果——圖片不變形、能看到中間部分。 這裡給出3種解決方案(jsbin地址失效時可複製程式碼到jsbin.com看效果）： 
1、 img + position + translate 
<!D 

  
 

    

    
    周記6——css實現類似朋友圈九宮格縮略圖完美展示
      一個   home   src   屬於   center   鏈接   www   ref   規範   公司有在做一個類似qq空間的開發，發表說說避免不了的要有圖片展示。
產品提出的空間縮略圖的展示類似*信朋友圈那種效果——圖片不變形、能看到中間部分。
這裏給出3種解決方案(jsbin地址失效時可復制代碼 

  
 

    

    
    css實現類似朋友圈九宮格縮圖完美展示
      公司有在做一個類似qq空間的開發，發表說說避免不了的要有圖片展示。
產品提出的空間縮圖的展示類似*信朋友圈那種效果——圖片不變形、能看到中間部分。
這裡給出3種解決方案(複製程式碼到jsbin.com即可看到效果）：
1、 img + position + translate
<!DOCTYPE htm 

  
 

    

    
    類似朋友圈或微博的動態介面，NineGridImageView（九宮格圖片控制元件）
      

最近在公司專案重構一個類似朋友圈或微博的動態介面，其中需要顯示九宮格圖片，在查詢一些開源庫之後，發現沒特別好用的，或者說滿足我需求的，就一不小心造了個輪子。

這是一個自定義控制元件，用來顯示類似微信朋友圈或微博中那樣的九宮格圖片， GitHub地址 。效果圖如下所示： 



Demo App


特性 

  
 

    

    
    Android ListView實現類似朋友圈的複雜佈局
      
                
開發中時常會遇到用ListView實現類似朋友圈列表的複雜佈局，如果一個條資訊即為ListView中一項時，那麼單個佈局的結構會變的很複雜，也會影響列表滾動的流暢性。由於Adapter可以使用多種佈局，所以這裡採用的方式是將單個資訊的佈局拆分為多個ListView的item 

  
 

    

    
    CSS——微信朋友圈圖片樣式實現方法
      spl   absolut   position   url   head   density   pad   OS   use   
<!DOCTYPE html>  
<html lang="en">  
    <head>  
        <meta ch 

  
 

    

    
    用微信JS  SDK實現分享到朋友圈和分享給朋友的功能（服務端介面開發）
      
								
								            
						
                
前端呼叫的介面（getInfo.php）如下，通過該介面可以獲取所需的校驗欄位。
<?php
require_once "jssdk.php";
$url=isset($_GET['url']) 

  
 

    

    
    previewImage.js實現類似微信朋友圈圖片預覽功能
      
                
由於公司專案需要一個類似圖片預覽的效果就是圖片可以滑動切換，雙指縮放
公司封裝的存在相容性問題，在安卓上圖片放大後圖片上的字就模糊了，就在網上找到了previewImage.js
引用 previewImage.js 到你的專案中<script src="dist/p 

  
 

    

    
    PHP實現獲取“分享到朋友圈”按鈕點選狀態及自定義分享內容介面
      
                
1.請參考我上個文章http://blog.csdn.net/wxs55555/article/details/72652058生成選單
{
    "button": [
        {
            "type": "view", 
            

  
 

    

    
    試用友盟SDK實現Android分享微信朋友圈
      社會   mis   gettext   視頻   blog   test   cte   widget   mod   

   社會化分享是眼下必學且火熱的功能。之前有寫第三方登錄，那僅僅是社會化分享的一部分。今天來玩玩分享微信朋友圈。
   為了方便操作，還是依照步驟寫。
一，註冊
   註冊應用已經在 

  
 

    

    
    Android中Xposed框架篇-微信實現本地視頻發布到朋友圈功能
      快速定位   adb   本地   ref   jad   jadx   mps   頁面   視頻   微信非常龐大，還好有一些強大的工具，下面就來總結收獲的知識。   一、使用adb shell dumpsys activity top命令快速定位頁面    二、使用Jadx進行方法跟蹤時候如果發現沒有結 

  
 

    

    
    php實現微信分享朋友圈
      public   private   abcd   ushare   name   preview   set   PE   char    
class JSSDK {  private $appId;  private $appSecret;  public function __construct($a 

  
 

    

    
    當社交大數據遇到心理學，靠朋友圈就能雲確診抑郁了？
      分享   原因   CI   -h   祝福語   發布   人工智能   學術   調查   在人工智能的發展過程中，AI+一切大數據似乎都能提升效率，得到喜聞樂見的結果。可唯獨有一樣，結合了AI之後會造成大量負面影響，這就是社交媒體數據。平時我們習慣了在社交媒體中表達情緒、表達興趣愛好甚至會在不經意間透露 

  
 

    

    
    移動端以及 PC瀏覽器頁面分享到朋友圈等的功能實現
      微信   out   關聯   有一個   培養   text   .net   都沒有   統一   我們經常可以在一些 app上看到分享到朋友圈、微信好友、qq好友等功能，例如 餓了麽、美團等 app，下單之後就會彈出給好友發紅包的 modal窗，這在 app上很常見，app的權限可以很大，甚至連啟動手機 

  
 

    

    
    實現手機網頁調起原生微信朋友圈分享的工具nativeShare.js
      wan   lock   tro   項目   eight   jpg   tps   title   地址   http://www.liaoxiansheng.cn/?p=294

我們知道現在我們無法直接通過js直接跳轉到微信和QQ等軟件進行分享,但是現在像UC瀏覽器和QQ瀏覽器這樣的主流瀏覽器自帶一個 

  
 

    

    
    使用shareSDK實現微信多圖分享到朋友圈&Url分享到朋友圈&URL分享到好友 問題記錄
       
 
  
  
 問題概述 
 其實第三方分享很早就有了，這個按理說這個應該沒什麼難度，為啥記錄一下呢，因為專案中同時出現了 朋友圈多圖分享（多張URL集合），朋友圈URL分享，群和個人URL，圖片分享。基本上涵蓋了大部分需求，這其中出現了一些問題，在此記錄一下。 
 基本操作流程： 
 操作流程專案過程 

  
 

    

    
    在微信小程式上,幫助中心介面實現類似手風琴案例
      小程式wxml程式碼如下:  
 
 
  <block wx:for="{{arrdata}}" wx:key="">
  
 
  <view class="centent_title" @tap="open_that" data-index="{{index}}">
  

  
 

    

    
    微信JSSDK分享朋友圈微信自定義分享介面
       
  
   
   服務專案 
   新手技術諮詢 
   企業技術諮詢 
   定製開發 
   
   
   服務說明 
   QQ有問必答 
   QQ、微信、電話 
   微信開發、php開發，網站開發，系統定製，小程式開發 
   
   
   價格說明 
   200元/月 
   100 

  
 

    

    
    Vux+Cordova打包的安卓App實現微信分享朋友和朋友圈
       
 
 知識儲備 
 Cordova Plugin ShareSDK 外掛 
 什麼是Cordova Plugin ShareSDK 
 Cordova Plugin ShareSDK封裝了ShareSDK的android和ios平臺的分享功能。在hybird app開發中可以方便的完成分享功能。如:ion