·您现在的位置: 云翼网络 >> 文章中心 >> 网站建设 >> app软件开发 >> IOS开发 >> 利用UIScrollView实现几个页面的切换

利用UIScrollView实现几个页面的切换

作者:佚名      IOS开发编辑:admin      更新时间:2022-07-23

此实例可以了解一下UIScrollView的运用,以及表格跟页面跳转的内容;

原作者地址:http://www.cocoachina.com/bbs/read.php?tid=323514

效果图如下:

 

1:知识点滚动视图的运用

#import "YCView.h"

@interface ViewController ()<UIScrollViewDelegate>
@PRoperty (nonatomic, strong)UIScrollView *scrollV;
@property (weak, nonatomic) IBOutlet UIButton *usesbtn;
@property (weak, nonatomic) IBOutlet UIButton *partBtn;
@property (weak, nonatomic) IBOutlet UIButton *serverBtn;

@end

@implementation ViewController
//懒加载
- (UIScrollView *)scrollV
{
    if(!_scrollV)
    {
        _scrollV = [[UIScrollView alloc] init];
        //设置scrollView的frame
        CGFloat scrollX = 0;
        CGFloat scrollY = 110;
        CGFloat scrollW = CGRectGetWidth(self.view.bounds);
        CGFloat scrollH = CGRectGetHeight(self.view.bounds);
        _scrollV.frame = CGRectMake(scrollX, scrollY, scrollW, scrollH);
        //设置代理
        _scrollV.delegate = self;
        //将scrollView添加到控制器的view上
        [self.view addSubview:_scrollV];
        
    }
    return _scrollV;
}
- (void)viewDidLoad {
    [super viewDidLoad];
    //添加视图 view
    [self addScrollView];
    self.scrollV.contentOffset = CGPointMake(0, 0);
}

- (void)addScrollView
{
    //添加3个view
    for(int i = 0; i < 3; i++)
    {
       CGFloat viewX = i * [UIScreen mainScreen].bounds.size.width;
       CGFloat viewY = 0;
       CGFloat viewW = [UIScreen mainScreen].bounds.size.width;
       CGFloat viewH = [UIScreen mainScreen].bounds.size.height - 108;
        YCView *v = [[YCView alloc] initWithFrame:CGRectMake(viewX, viewY, viewW, viewH)];
        v.backgroundColor = [UIColor colorWithRed:arc4random_uniform(255)/ 255.0 green:arc4random_uniform(255)/ 255.0 blue:arc4random_uniform(255)/ 255.0 alpha:1.0];
        [self.scrollV addSubview:v];
    }
    //设置frame,偏移量
    //设置分页
    self.scrollV.pagingEnabled = YES;
    self.scrollV.backgroundColor = [UIColor orangeColor];
    //设置滚动范围
    self.scrollV.contentSize = CGSizeMake([UIScreen mainScreen].bounds.size.width * 3, [UIScreen mainScreen].bounds.size.height);
    //设置偏移量
    self.scrollV.contentOffset = CGPointMake([UIScreen mainScreen].bounds.size.width, 0);
    //取消scrollView滚动到边缘的弹簧效果
    self.scrollV.bounces = NO;
    //隐藏水平滚动条
    self.scrollV.showsHorizontalScrollIndicator = NO;
}


#pragma mark --UIScrollViewDelegate
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    //设置按钮被选中状态下的颜色
    scrollView.contentOffset.x == 0 ? [self.usesbtn setTitleColor:[UIColor orangeColor] forState:UIControlStateNormal] : [self.usesbtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    scrollView.contentOffset.x == ([UIScreen mainScreen].bounds.size.width) ? [self.partBtn setTitleColor:[UIColor orangeColor] forState:UIControlStateNormal] : [self.partBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    scrollView.contentOffset.x == ([UIScreen mainScreen].bounds.size.width) * 2 ? [self.serverBtn setTitleColor:[UIColor orangeColor] forState:UIControlStateNormal] : [self.serverBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
}

#pragma mark --btnClick
- (IBAction)usesBtnClick:(id)sender {
    //跳转到第1个view  contentOffset.x = 屏幕的宽度 * 0
    //重置scrollView的位置
    [UIView animateWithDuration:0.5 animations:^{
        self.scrollV.contentOffset = [self ScrollViewWithContentOffSetPage:0];
    }];
}

- (IBAction)partBtnClick:(id)sender {
    //跳转到第2个view  contentOffset.x = 屏幕的宽度 * 1
    //重置scrollView的位置
    [UIView animateWithDuration:0.5 animations:^{
        self.scrollV.contentOffset = [self ScrollViewWithContentOffSetPage:1];
    }];
    
}

- (IBAction)serverBtnClick:(id)sender {
    //跳转到第3个view  contentOffset.x = 屏幕的宽度 * 2
    //重置scrollView的位置
    [UIView animateWithDuration:0.5 animations:^{
        self.scrollV.contentOffset = [self ScrollViewWithContentOffSetPage:2];
    }];
}

//返回scrollView偏移量
- (CGPoint)ScrollViewWithContentOffSetPage:(NSInteger)page{
    return CGPointMake(([UIScreen mainScreen].bounds.size.width) * page, 0);
}

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

@end

 

2:列表及跳转跳显示的内容

#import "YCView.h"
#import "YCCellView.h"

static NSString *idenifer = @"YCCollectionViewCell";
#define CellWeigth ([UIScreen mainScreen].bounds.size.width)/3.0
#define CellHeigth 44
@interface YCView ()<UITableViewDataSource, UITableViewDelegate>
@property (strong, nonatomic)NSArray *parts;
@property (strong, nonatomic)NSMutableArray *Views;
@end

@implementation YCView
//懒加载
- (NSMutableArray *)Views{
    if(!_Views){
        _Views = [NSMutableArray array];
    }
    return _Views;
}
//懒加载
- (NSArray *)parts{
    if(!_parts)
    {
        _parts = [NSArray array];
        _parts = @[@"热门推荐", @"汽车外饰", @"香水/净化", @"功能用品", @"美容养护", @"安全/防护", @"影音导航"];
    }
    return _parts;
}

- (instancetype)init
{
    if(self = [super init])
    {
        [self addView];
    }
    return self;
}
- (instancetype)initWithFrame:(CGRect)frame
{
    if(self = [super initWithFrame:frame])
    {
         [self addView];
    }
    return self;
}
- (void)addView
{
    //添加tableView
    UITableView *tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, -44, CellWeigth, [UIScreen mainScreen].bounds.size.height) style:UITableViewStyleGrouped];
    tableView.backgroundColor = [UIColor redColor];
    tableView.dataSource = self;
    tableView.delegate = self;
    [self addSubview:tableView];
}
#pragma mark --UITableViewDataSource
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return self.parts.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    static NSString *ID = @"YCCell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
    if(cell == nil)
    {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
    }
    cell.textLabel.text = self.parts[indexPath.row];
    return cell;
}

#pragma mark --UITableViewDelegate
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    [self addBestView];
}

- (void)addBestView{
    YCCellView *view = [[YCCellView alloc] initWithFrame:CGRectMake(CellWeigth, 0, ([UIScreen mainScreen].bounds.size.width)-CellWeigth, [UIScreen mainScreen].bounds.size.height)];
    view.backgroundColor = [UIColor redColor];
    [[self.Views lastObject] removeFromSuperview];
    [self.Views addObject:view];
    [self addSubview:view];
}



- (void)layoutSubviews
{
    [super layoutSubviews];
}

@end

3:单元列的内容

#import "YCCellView.h"

#define ViewMagin 10
#define ViewHeight 90
#define ViewWeight (([UIScreen mainScreen].bounds.size.width)-CellWeigth - 3*ViewMagin)/3.0
#define CellWeigth ([UIScreen mainScreen].bounds.size.width)/3.0
@interface YCCellView ()
@end
@implementation YCCellView
- (instancetype)init
{
    if(self = [super init])
    {
        [self addCollectionView];
    }
    return self;
}

- (instancetype)initWithFrame:(CGRect)frame
{
    if(self = [super initWithFrame:frame])
    {
        [self addCollectionView];
    }
    return self;
}



- (void)addCollectionView
{
    for(int i = 0; i < 4; i++)
    {
        for(int j = 0; j < 3; j++)
        {
            UIView *v = [[UIView alloc] initWithFrame:CGRectMake(j * (ViewWeight + ViewMagin), i * (ViewHeight + ViewMagin), ViewWeight, ViewHeight)];
            v.backgroundColor = [UIColor colorWithRed:arc4random_uniform(255)/ 255.0 green:arc4random_uniform(255)/ 255.0 blue:arc4random_uniform(255)/ 255.0 alpha:1.0];
            [self addSubview:v];
        }
    }
}



@end