仿直播下面用户发的页面评论

今天没事做, 就想写写有关直播的东西, 先从简单的功能开始是(只是纯效果) 大家都知道, 在直播软件中, 当手机竖这的时候, 上面就是视频, 下面就是用户发表的一些想法 , 今天我就在这里写写下面那个是怎么实现的.

在写之前我们得先分析下 这个应该怎么做,
(1) 首先我们能看出来他肯定是个 TableView
(2)他是怎么显示数据的, 他是倒过来往上面移动的, 但是 tableView数据多了就是往下移动的, 那么想解决这个办法就需要把 TableView 倒过来就可以解决了

//需要把 tableView 旋转180°, 因为评论都是从下往上的, 所以需要把 tableView 倒过来.比较好处理
    self.tableView.transform = CGAffineTransformMakeScale(1, -1);

(3) tableView旋转了180° 那么 tableViewCell 也应该是需要旋转180°的

(4) 在给数据源添加数据的时候, 通常我们是刷新 TableView 来实现的, 但是我们不可能来一条数据就刷新下, 那么数据读了, 肯定就是使 tableView 出现那种一闪一闪的 所以我们就要通过给 tableView 加入 cell 的方法来实现这个功能这也是这个功能的关键点 主要的代码就是这块了

 #pragma mark  添加数据
-(void)rightTitleButtonClick:(UIButton *)sender{
    NSMutableArray *indexPaths                    = [[NSMutableArray alloc] init];
    NSIndexPath *indexPath                        = [NSIndexPath indexPathForRow:0 inSection:0];
    NSString *title                               = @"哈哈哈哈哈哈哈嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿二黑嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿二黑嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿二黑嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿二黑嘿嘿嘿嘿嘿嘿嘿混合";
    [self.dataArr insertObject:title atIndex:0];
    [indexPaths addObject: indexPath];
    //在执行添加或者删除的时候必须执行这个
    [self.tableView beginUpdates];
    [self.tableView insertRowsAtIndexPaths:indexPaths withRowAnimation:UITableViewRowAnimationTop];
    [self.tableView endUpdates];
}

aaa.gif

效果图
Demo 地址https://github.com/wyxlh/YukiFramework