UITableView 的横向滑动实现

UITableView 的横向滑动实现

 

概述

 

为了实现横向滑动的控件,可以继承类 UIScrollView 或类 UIView 自定义可以横向滑动的控件,这里通过 UITableView 的旋转,实现可以横向滑动的控件。

 

概念

 

先说明与实现相关的几个概念

 

坐标系

 

iOS 中,每个视图都有一个坐标系,用来确定其子视图的位置,这个坐标系在视图初始化后

确定,在这个长方形的视图中,左上角为坐标系原点,水平向右为 x 坐标轴正方向,垂直向下

y 坐标轴正方向,当视图发生旋转时,其坐标系同时旋转(或者说旋转的就是坐标系),但

这并不会影响父视图的坐标系,但旋转视图的 frame 属性会发生改变,如果旋转后的视图的坐

标系仍然与父坐标系平行,那么,frame 表示的仍然是这个视图,如果不平行,那么,frame 

表示的是该旋转视图的外接正方形。

 

frame

 

对于这个 UIView 的属性 frame ,包含四个值(x,y,width,height),(x,y)这个

点坐标代表的是视图在其父视图坐标系中的某一点,而 width 则是沿着 x 坐标轴的长度,

height 则是沿着 y 坐标轴的长度,由此得来的矩形即是 frame 表示的视图,这里的坐

标轴指的都是父坐标系。

 

transform

 

这个属性实际是提供了一个3*3的矩阵,当修改这个属性时,视图上的点会组成一个1*3的矩

[x,y,1],这个矩阵与 transform 表示的矩阵相乘,计算出新的点。在实际使用过程中

可以直接使用 CGAffineTransform.h 中提供的函数得到一个 CGAffineTransform 

变量,然后赋值即可。

本次就会用到函数 

    CGAffineTransformMakeRotation(CGFloat angle) 

        参数:angle ,弧度值,可以直接使用系统定义的宏 M_PI

        该值为正值时,表示坐标系逆时针方向旋转,为负值时,表示坐标系顺时针方向

        旋转(这是在 iOS 中的旋转方向,在 Mac X 中相反,并且这里指的是坐标轴

        的自我旋转方向,而人眼看到的方向是相反的,即正值,你看到的视图是在顺时

        针旋转)

 

锚点

 

视图旋转总是相对于某一点旋转,这个点就是锚点,该点默认是视图的中心点,也可以通过

UIView layer anchorPoint 属性改变,

 

原理

 

自定义一个 UIView 的子类 HorizontalTableView ,在其中添加一个 UITableView 类对象,初始化时,将表格视图逆时针方向旋转90度,此时,其坐标系的 x 坐标轴正方向垂直向上, y 坐标轴正方向水平向右,表格中的子视图的坐标系与其一致,而后,在该自定义的子类中实现 UITableView 的代理方法。

 

自定义一个类 HorizontalTableViewCell 继承 UITableViewCell ,在初始化该子类时,将属性 contentView 顺时针方向旋转90度,此时其坐标系方向与 HorizontalTableView 的父视图的坐标系一致(一般与屏幕一致)。

 

自定义一个协议 HorizontalTableViewDataSource 用于获取用户提供的 cell 个数及宽度等信息。

 

代码

 

完整测试代码

 

HorizontalTableView.h

//

//  HorizontalTableView.h

//  Test-horizontalTableView

//

//  Created by han on 2017/3/22.

//  Copyright © 2017 han. All rights reserved.

//

 

 

#import

 

 

 

@class HorizontalTableViewCell;

 

@protocol HorizontalTableViewDataSource;

 

@interface HorizontalTableView : UIView

 

@property (nonatomic, weak) id delegate;

 

/** 

 the default width of columns,value is 50.0

 

 if the delegate don't implement the method tableView:widthForColumnAtIndex:

 the value is used as the width of columns,you can change the default value.

 */

@property (nonatomic, assign) CGFloat width;

 

- (id)dequeueReusableCellWithIdentifier:(NSString *)identifier;

 

- (void)selectColumnAtIndex:(NSInteger)index animated:(BOOL)animated scrollPosition:(UITableViewScrollPosition)scrollPosition;

 

- (void)reloadData;

 

- (HorizontalTableViewCell *)cellForColumn:(NSInteger)column;

 

@end

 

@protocol HorizontalTableViewDataSource

 

@required

 

- (NSInteger)numberOfColumnsInTableView:(HorizontalTableView *)tableView;

 

- (HorizontalTableViewCell *)tableView:(HorizontalTableView *)tableView cellForColumnAtIndex:(NSInteger)index;

 

@optional

 

- (CGFloat)tableView:(HorizontalTableView *)tableView widthForColumnAtIndex:(NSInteger)index;

 

- (void)tableView:(HorizontalTableView *)tableView didSelectColumn:(NSInteger)index;

 

@end

 

@interface HorizontalTableViewCell : UITableViewCell

 

@end

 

HorizontalTableView.m

//

//  HorizontalTableView.m

//  Test-horizontalTableView

//

//  Created by han on 2017/3/22.

//  Copyright © 2017 han. All rights reserved.

//

 

 

#import "HorizontalTableView.h"

 

 

@interface HorizontalTableView ()

 

@property (nonatomic, strong) UITableView *tableView;

 

@end

 

@implementation HorizontalTableView

 

 

#pragma mark - initial methods

 

- (instancetype)init {

    self = [super init];

    if (self) {

        self = [self initWithFrame:CGRectMake(0, 0, 320, 50)];

    }

    return self;

}

 

- (instancetype)initWithFrame:(CGRect)frame {

    self = [super initWithFrame:frame];

    if (self) {

        self.tableView.transform = CGAffineTransformMakeRotation(- M_PI_2);

        self.tableView.delegate = self;

        self.tableView.dataSource = self;

        self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

        self.tableView.frame = self.bounds;

        self.tableView.backgroundColor = [UIColor clearColor];

        [self addSubview:self.tableView];

 

        self.width = 50;

    }

    return self;

}

 

- (void)setFrame:(CGRect)frame {

    [super setFrame:frame];

    self.tableView.frame = self.bounds;

}

 

 

#pragma mark - accessor methods

 

- (UITableView *)tableView {

    if (_tableView == nil) {

        _tableView = [[UITableView alloc]init];

    }

    return _tableView;

}

 

 

#pragma mark - inside methods

 

 

 

#pragma mark - interface methods

 

- (id)dequeueReusableCellWithIdentifier:(NSString *)identifier {

    id cell = [self.tableView dequeueReusableCellWithIdentifier:identifier];

    return cell;

}

 

- (void)selectColumnAtIndex:(NSInteger)index animated:(BOOL)animated scrollPosition:(UITableViewScrollPosition)scrollPosition {

    NSIndexPath *indexPath = [NSIndexPath indexPathForRow:index inSection:0];

    [self.tableView selectRowAtIndexPath:indexPath animated:animated scrollPosition:scrollPosition];

}

 

- (void)reloadData {

    [self.tableView reloadData];

}

 

- (HorizontalTableViewCell *)cellForColumn:(NSInteger)index {

    NSIndexPath *indexPath = [NSIndexPath indexPathForRow:index inSection:0];

    HorizontalTableViewCell *cell = [self.tableView cellForRowAtIndexPath:indexPath];

    return cell;

}

 

 

#pragma mark - UITableViewDelegate,UITableViewDataSource

 

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

    NSInteger columns = 0;

    if (self.delegate != nil && [self.delegate respondsToSelector:@selector(numberOfColumnsInTableView:)]) {

        columns = [self.delegate numberOfColumnsInTableView:self];

    }

    return columns;

}

 

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    HorizontalTableViewCell *cell = nil;

    if (self.delegate != nil && [self.delegate respondsToSelector:@selector(tableView:cellForColumnAtIndex:)]) {

        cell = [self.delegate tableView:self cellForColumnAtIndex:indexPath.row];

    }

    return cell;

}

 

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {

    CGFloat cellHeight = self.width;

    if (self.delegate != nil && [self.delegate respondsToSelector:@selector(tableView:widthForColumnAtIndex:)]) {

        cellHeight = [self.delegate tableView:self widthForColumnAtIndex:indexPath.row];

    }

    return cellHeight;

}

 

@end

 

 

@implementation HorizontalTableViewCell

 

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier

{

    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {

        self.contentView.transform = CGAffineTransformMakeRotation(M_PI_2);

        self.contentView.backgroundColor = [UIColor clearColor];

        self.backgroundColor = [UIColor clearColor];

    }

    return self;

}

 

- (void)layoutSubviews {

    [super layoutSubviews];

    /*

     对于UITableViewCellcontentView中的一些默认的视图不会随着frame的改变而自动改变,

     所以需要进行位置的调整,这里只对textLabel的位置进行了调整,其他若使用,也许调整,

     但是不建议使用。

     */

    for (UIView *subView in [self.contentView subviews]) {

        if ([subView class] == NSClassFromString(@"UITableViewLabel")) {

            subView.frame = CGRectMake(0, 0, self.bounds.size.height, self.bounds.size.width);

            subView.backgroundColor = [UIColor clearColor];

        }

    }

}

 

@end

--------------------- 

作者:那夜的星空分外清澈 

来源:CSDN 

原文:https://blog.csdn.net/u011374318/article/details/66260623 

版权声明:本文为博主原创文章,转载请附上博文链接!

 

2015年12月21日 15:36:48 fyanyan 阅读数:5160

 

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/fyanyan/article/details/50372376

#import "ViewController.h"

 

#define FYColor(r,g,b) [UIColor colorWithRed:(r)/255.0 green:(g)/255.0 blue:(b)/255.0 alpha:1.0]

#define FYRandomColor FYColor(arc4random_uniform(255),arc4random_uniform(255),arc4random_uniform(255))

 

@interface ViewController ()

@property(strong,nonatomic) UITableView *MyTableView;

@end

 

@implementation ViewController

 

- (void)viewDidLoad

{

    [super viewDidLoad];

    self.MyTableView = [[UITableView alloc]initWithFrame:CGRectMake(60, 0, 300,self.view.frame.size.width) style:UITableViewStylePlain];

    self.MyTableView.dataSource=self;

    self.MyTableView.delegate=self;

    //TableView要做的设置

    self.MyTableView.transform=CGAffineTransformMakeRotation(-M_PI / 2);

    self.MyTableView.showsVerticalScrollIndicator=NO;

    [self.view addSubview:self.MyTableView];

 

}

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

{

    return 1;

}

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

    return 100;

}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"FyCell"];

    if (!cell) {

        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"FyCell"];

    }

   //Cell要做的设置

    cell.backgroundColor=FYRandomColor;

    cell.textLabel.transform = CGAffineTransformMakeRotation(M_PI/2);

    cell.textLabel.text= @"tableview竖向滚动";

    return cell;

}

转载于:https://www.cnblogs.com/sundaysgarden/p/10488010.html

你可能感兴趣的:(UITableView 的横向滑动实现)