[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(, , );
     // 设置"不需要分割线"
     self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
 }

 

 

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

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

 //  HVWStatusContentFrame.m
     // 自己的frame
     CGFloat contentX = ;
     CGFloat contentY = ; // 下移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;
 }