[iOS微博项目 - 4.3] - 设置每条微博边框样式

github: https://github.com/hellovoidworld/HVWWeibo

A.设置每条微博边框样式

1.需求

不需要分割线

每个微博之间留有一定的间隙

 

2.思路

• 直接设置分割线样式为none就可以去除分割线
• 设置tableView的背景色
• 让每个cell的y值下移10个单位，做出间隙效果
• 使用资源包内的背景图片类填充cell背景

 

3.实现

（1）去除默认分割线

//  HVWHomeViewController.m
- (void)viewDidLoad {
    [super viewDidLoad];
   
    self.tableView.delegate = self;
   
    // 设置导航栏
    [self setupNavigationBar];
   
    // 获取用户信息
    [self setupUserInfo];
   
    // 添加刷新器
    [self addRefresh];
   
    // 设置tableView背景颜色
    self.tableView.backgroundColor = HVWColor(211, 211, 211);
    // 设置"不需要分割线"
    self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
}

 

 

（2）设置每个cell之间的间隙

a.每个微博内容frame下移10个单位

//  HVWStatusContentFrame.m
    // 自己的frame
    CGFloat contentX = 0;
    CGFloat contentY = 10; // 下移10个单位
    CGFloat contentWidth = HVWScreenWidth;
    self.frame = CGRectMake(contentX, contentY, contentWidth, contentHeight);

 

b.清除cell背景色

//  HVWStatusCell.m
/** 创建 */
+ (instancetype) cellWithTableView:(UITableView *)tableView {
    static NSString *ID = @"HVWStatusCell";
    HVWStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
   
    if (nil == cell) {
        cell = [[self alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
    }
   
    // 清空cell背景色
    cell.backgroundColor = [UIColor clearColor];
   
    return cell;
}

 

c.设置微博view继承UIImageView，设置image（就是为了拉伸背景图片）

//  HVWStatusContentView.m
- (instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
   
    if (self) { // 初始化子控件开始
        // 设置背景图片
        self.image = [UIImage resizedImage:@"timeline_card_top_background"];
        self.highlightedImage = [UIImage resizedImage:@"timeline_card_top_background_highlighted"];
       
        // 初始化原创内容控件
        [self setupOriginalView];
       
        // 初始化转发内容控件
        [self setupRetweetedView];
    }
   
    return self;
}