UITableView 横向滚动（一）

最新推荐文章于 2019-03-07 10:36:00 发布

原创最新推荐文章于 2019-03-07 10:36:00 发布 · 8.1k 阅读

1 ·

CC 4.0 BY-SA版权

IOS 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一种在iOS应用中实现垂直滚动TableView水平显示的方法。通过逆时针旋转TableView 90度，并顺时针旋转单元格90度来达到水平滚动的效果。文章提供了具体的实现代码，包括设置TableView属性和单元格样式。

直接上代码：

@interface FirstViewController ()

@end

static NSString *MyCellID = @"thisIsMyCellId";

@implementation FirstViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    self.view.backgroundColor = [UIColor whiteColor];
    
    self.tableDataArray = @[[UIColor redColor], [UIColor yellowColor], [UIColor blueColor]];
    
    self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    self.tableView.scrollsToTop = NO;
    self.tableView.transform = CGAffineTransformMakeRotation(-M_PI_2);
    self.tableView.showsVerticalScrollIndicator = NO;
    self.tableView.pagingEnabled = YES;
    self.tableView.bounces = NO;
    [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:MyCellID];
    
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return self.tableDataArray.count;
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return tableView.frame.size.width;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [self.tableView dequeueReusableCellWithIdentifier:MyCellID forIndexPath:indexPath];
    cell.contentView.transform = CGAffineTransformMakeRotation(M_PI_2);
    cell.selectionStyle = UITableViewCellSelectionStyleNone;
    
    UIColor *color = [self.tableDataArray objectAtIndex: indexPath.row];
    [cell.contentView setBackgroundColor: color];
    return cell;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

简要说明：

1、先将tableview逆时针旋转90度： self.tableView.transform = CGAffineTransformMakeRotation(-M_PI_2);
2、再将UITableViewCell顺时针旋转90度： cell.contentView.transform = CGAffineTransformMakeRotation(M_PI_2);
3、另外需要注意的是
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
return tableView.frame.size.width; // 返回的是宽度
}