scrollView切换

最新推荐文章于 2023-07-13 11:34:52 发布
最新推荐文章于 2023-07-13 11:34:52 发布
阅读量116 收藏
点赞数
文章标签： git ui
原文链接：https://juejin.im/post/5a375557f265da431f4b2a16
版权

需求:类似导航栏上有三个不同类型的账单类型(未还清、已结清、其他),要求即可点击某一类型切换到所点击类型，也可手势左右滑动切换到想要切换的类型，类型下线条跟着切换的类型滑动。 放张效果图:

PS:顺便把tableViewCell的四种类型效果也做了下。

继续放图:

Demo结构:

git图:

代码(后面有时间会将代码传到github把链接贴出来): 约束用的PureLayout。

  • AppDelegate.m代码:
//
//  AppDelegate.m
//  LuckyCoderCai_ScrollViewTest
//
//  Created by luckyCoderCai on 16/9/11.
//  Copyright © 2016年 luckyCoderCai. All rights reserved.
//

#import "AppDelegate.h"
#import "ViewController.h"

@interface AppDelegate ()

@end

@implementation AppDelegate


- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // Override point for customization after application launch.
    
    self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
    
    ViewController *vc = [[ViewController alloc] init];
    
    UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:vc];
    
    self.window.rootViewController = nav;
    
    [self.window makeKeyAndVisible];
    
    return YES;
}
复制代码
  • ViewController:
//
//  ViewController.m
//  LuckyCoderCai_ScrollViewTest
//
//  Created by luckyCoderCai on 16/9/11.
//  Copyright © 2016年 luckyCoderCai. All rights reserved.
//

#import "ViewController.h"
#import "CaiFirstTableView.h"
#import "CaiSecondTableView.h"
#import "CaiThirdTableView.h"
#import "PureLayout.h"
#import "CaiCommon.h"
#import "CaiPushViewController.h"

#define AnimationInterval 0.15

@interface ViewController ()<UIScrollViewDelegate, CaiPushDelegate>

@property (nonatomic, strong) UIView *titleView;//头部视图View
@property (nonatomic, strong) NSArray *titleArray;//头部视图title
@property (nonatomic, strong) UIScrollView *contentScrollView;//内容滑动视图-左右
@property (nonatomic, assign) NSInteger index;//偏移--0:first  1:second  2:third
@property (nonatomic, strong) CaiFirstTableView *firstTableView;
@property (nonatomic, strong) CaiSecondTableView *secondTableView;
@property (nonatomic, strong) CaiThirdTableView *thirdTableView;

@property (nonatomic, strong) UIButton *firstBtn;
@property (nonatomic, strong) UIButton *secondBtn;
@property (nonatomic, strong) UIButton *thirdBtn;

@property (nonatomic, strong) UIView *underLineView;

@end

@implementation ViewController

#pragma mark -lazy load
- (UIView *)titleView
{
    if (!_titleView) {
        _titleView = [UIView newAutoLayoutView];
        _titleView.backgroundColor = [UIColor cyanColor];
    }
    return _titleView;
}

- (UIScrollView *)contentScrollView
{
    if (!_contentScrollView) {
        _contentScrollView = [UIScrollView newAutoLayoutView];
        _contentScrollView.backgroundColor = [UIColor grayColor];
        _contentScrollView.delegate = self;
        _contentScrollView.pagingEnabled = YES;
        _contentScrollView.bounces = NO;
        _contentScrollView.showsHorizontalScrollIndicator = NO;
        _contentScrollView.showsVerticalScrollIndicator = NO;
    }
    return _contentScrollView;
}

- (UIView *)underLineView
{
    if (!_underLineView) {
        if (_index == 1) {
            _underLineView = [[UIView alloc] initWithFrame:CGRectMake(SCREEN_Width/3.0, 47, SCREEN_Width/3.0, 2)];
        }else if (_index == 2) {
            _underLineView = [[UIView alloc] initWithFrame:CGRectMake(SCREEN_Width/3.0 * 2, 47, SCREEN_Width/3.0, 2)];
        }else {
            _underLineView = [[UIView alloc] initWithFrame:CGRectMake(0, 47, SCREEN_Width/3.0, 2)];
        }
        
        _underLineView.backgroundColor = [UIColor blueColor];
    }
    return _underLineView;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    self.title = @"test";
    
    self.edgesForExtendedLayout = UIRectEdgeNone;
    
    _index = 0;//首次进入默认第一个视图
    _titleArray = @[@"first", @"second", @"third"];
    
    [self createTitleView];
    [self createContentView];
    [self addTitleButton];
    [self addTableViews];
}

- (void)addTableViews
{
    for (int i = 0; i < 3; i ++) {
        
        if ( i == 0) {//未还清
            //  64:状态栏高度 + 导航栏高度  49:titleView高度
            self.firstTableView = [[CaiFirstTableView alloc] initWithFrame:CGRectMake(0, 0, SCREEN_Width, SCREEN_Height - 64 -  49) style:UITableViewStylePlain];
            self.firstTableView.pushDelegate = self;
            [self.contentScrollView addSubview:self.firstTableView];
        }
        
        if ( i == 1) {//已还清
            self.secondTableView = [[CaiSecondTableView alloc] initWithFrame:CGRectMake(SCREEN_Width, 0, SCREEN_Width, SCREEN_Height - 64 - 49) style:UITableViewStylePlain];
            [self.contentScrollView addSubview:self.secondTableView];
        }
        
        if (i == 2) {//其他
            self.thirdTableView = [[CaiThirdTableView alloc] initWithFrame:CGRectMake(2 * SCREEN_Width, 0, SCREEN_Width, SCREEN_Height - 64 - 49) style:UITableViewStylePlain];
            [self.contentScrollView addSubview:self.thirdTableView];
        }
    }
}

#pragma mark -titleView
- (void)createTitleView
{
#pragma mark -头部view
    [self.view addSubview:self.titleView];
    
    [self.titleView autoSetDimensionsToSize:CGSizeMake(SCREEN_Width, 49)];
    [self.titleView autoPinEdgeToSuperviewEdge:ALEdgeTop];
}

#pragma mark -contentView
- (void)createContentView
{
#pragma mark -内容视图
    [self.view addSubview:self.contentScrollView];
    
    [_contentScrollView autoPinEdgeToSuperviewEdge:ALEdgeLeading];
    [_contentScrollView autoPinEdgeToSuperviewEdge:ALEdgeTrailing];
    [_contentScrollView autoPinEdge:ALEdgeTop toEdge:ALEdgeBottom ofView:_titleView];
    [_contentScrollView autoSetDimension:ALDimensionHeight toSize:SCREEN_Height - 64 - 47 - 2];
    
    self.contentScrollView.contentSize = CGSizeMake(SCREEN_Width * _titleArray.count, 0);
    [self.contentScrollView setContentOffset:CGPointMake(_index * SCREEN_Width, 0)];
}

#pragma mark -addBtn
- (void)addTitleButton
{
    [self.titleView addSubview:self.underLineView];
    
    _firstBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    _firstBtn.titleLabel.font = FONT(15);
    [_firstBtn setTitle:_titleArray[0] forState:UIControlStateNormal];
    [_firstBtn setTitleColor:[UIColor whiteColor] forState:UIControlStateSelected];
    [_firstBtn setTitleColor:[UIColor lightGrayColor] forState:UIControlStateNormal];
    [self.titleView addSubview:self.firstBtn];
    if (self.index == 0) {
        self.firstBtn.selected = YES;
    }else {
        self.firstBtn.selected = NO;
    }
    
    [_firstBtn addTarget:self action:@selector(firstBtnAction) forControlEvents:UIControlEventTouchUpInside];
    
    _secondBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    _secondBtn.titleLabel.font = FONT(15);
    [_secondBtn setTitle:_titleArray[1] forState:UIControlStateNormal];
    [_secondBtn setTitleColor:[UIColor whiteColor] forState:UIControlStateSelected];
    [_secondBtn setTitleColor:[UIColor lightGrayColor] forState:UIControlStateNormal];
    [self.titleView addSubview:self.secondBtn];
    if (self.index == 1) {
        self.secondBtn.selected = YES;
    }else {
        self.secondBtn.selected = NO;
    }
    [_secondBtn addTarget:self action:@selector(secondBtnAction) forControlEvents:UIControlEventTouchUpInside];
    
    _thirdBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    _thirdBtn.titleLabel.font = FONT(15);
    [_thirdBtn setTitle:_titleArray[2] forState:UIControlStateNormal];
    [_thirdBtn setTitleColor:[UIColor whiteColor] forState:UIControlStateSelected];
    [_thirdBtn setTitleColor:[UIColor lightGrayColor] forState:UIControlStateNormal];
    [self.titleView addSubview:self.thirdBtn];
    if (self.index == 2) {
        self.thirdBtn.selected = YES;
    }else {
        self.thirdBtn.selected = NO;
    }
    [_thirdBtn addTarget:self action:@selector(thirdBtnAction) forControlEvents:UIControlEventTouchUpInside];
    
    [_firstBtn autoPinEdgeToSuperviewEdge:ALEdgeLeading];
    [_firstBtn autoSetDimension:ALDimensionWidth toSize:(SCREEN_Width/3.0)];
    [_firstBtn autoSetDimension:ALDimensionHeight toSize:49];
    [_firstBtn autoAlignAxis:ALAxisHorizontal toSameAxisOfView:_titleView];
    
    [_secondBtn autoPinEdgeToSuperviewEdge:ALEdgeLeading withInset:(SCREEN_Width/3.0)];
    [_secondBtn autoSetDimension:ALDimensionWidth toSize:(SCREEN_Width/3.0)];
    [_secondBtn autoSetDimension:ALDimensionHeight toSize:49];
    [_secondBtn autoAlignAxis:ALAxisHorizontal toSameAxisOfView:_titleView];
    
    [_thirdBtn autoPinEdgeToSuperviewEdge:ALEdgeLeading withInset:(SCREEN_Width/3.0 * 2)];
    [_thirdBtn autoSetDimension:ALDimensionWidth toSize:(SCREEN_Width/3.0)];
    [_thirdBtn autoSetDimension:ALDimensionHeight toSize:49];
    [_thirdBtn autoAlignAxis:ALAxisHorizontal toSameAxisOfView:_titleView];
    
}

- (void)firstBtnAction
{
    self.firstBtn.selected = YES;
    self.secondBtn.selected = NO;
    self.thirdBtn.selected = NO;
    
    CGFloat pageX = 0 * SCREEN_Width;
    [self.contentScrollView setContentOffset:CGPointMake(pageX, 0) animated:YES];
    
}

- (void)secondBtnAction
{
    self.firstBtn.selected = NO;
    self.secondBtn.selected = YES;
    self.thirdBtn.selected = NO;
    
    CGFloat pageX = 1 * SCREEN_Width;
    [self.contentScrollView setContentOffset:CGPointMake(pageX, 0) animated:YES];
}

- (void)thirdBtnAction
{
    self.firstBtn.selected = NO;
    self.secondBtn.selected = NO;
    self.thirdBtn.selected = YES;
    
    CGFloat pageX = 2 * SCREEN_Width;
    [self.contentScrollView setContentOffset:CGPointMake(pageX, 0) animated:YES];
}

#pragma mark -UIScrollViewDelegate
- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView
{
    NSInteger index = scrollView.contentOffset.x / SCREEN_Width;
    
    if (self.index == 0) {
        if (index == 0) {
            //
            
            [UIView animateWithDuration:AnimationInterval animations:^{
                self.underLineView.transform = CGAffineTransformIdentity;
            }];
            
            self.firstBtn.selected = YES;
            self.secondBtn.selected=  NO;
            self.thirdBtn.selected = NO;
        }
        
        if (index == 1) {
            //
            
            [UIView animateWithDuration:AnimationInterval animations:^{
                self.underLineView.transform = CGAffineTransformMakeTranslation(SCREEN_Width/3.0, 0);
            }];
            
            self.firstBtn.selected = NO;
            self.secondBtn.selected=  YES;
            self.thirdBtn.selected = NO;
        }
        
        if (index == 2) {
            //
            
            [UIView animateWithDuration:AnimationInterval animations:^{
                self.underLineView.transform = CGAffineTransformMakeTranslation(SCREEN_Width/3.0 * 2, 0);
            }];
            
            self.firstBtn.selected = NO;
            self.secondBtn.selected=  NO;
            self.thirdBtn.selected = YES;
        }
    }
    
    if (self.index == 1) {
        
        if (index == 0) {
            //
            
            [UIView animateWithDuration:AnimationInterval animations:^{
                self.underLineView.transform = CGAffineTransformMakeTranslation(-SCREEN_Width/3.0, 0);
            }];
            
            self.firstBtn.selected = YES;
            self.secondBtn.selected=  NO;
            self.thirdBtn.selected = NO;
        }
        
        if (index == 1) {
            //
            
            [UIView animateWithDuration:AnimationInterval animations:^{
                self.underLineView.transform = CGAffineTransformIdentity;
            }];
            
            self.firstBtn.selected = NO;
            self.secondBtn.selected=  YES;
            self.thirdBtn.selected = NO;
        }
        
        if (index == 2) {
            //
            
            [UIView animateWithDuration:AnimationInterval animations:^{
                self.underLineView.transform = CGAffineTransformMakeTranslation(SCREEN_Width/3.0, 0);
            }];
            
            self.firstBtn.selected = NO;
            self.secondBtn.selected=  NO;
            self.thirdBtn.selected = YES;
        }
    }
    
    if (self.index == 2) {
        if (index == 0) {
            //
            
            [UIView animateWithDuration:AnimationInterval animations:^{
                self.underLineView.transform = CGAffineTransformMakeTranslation(-SCREEN_Width/3.0 * 2, 0);
            }];
            
            self.firstBtn.selected = YES;
            self.secondBtn.selected=  NO;
            self.thirdBtn.selected = NO;
        }
        
        if (index == 1) {
            //
            
            [UIView animateWithDuration:AnimationInterval animations:^{
                self.underLineView.transform = CGAffineTransformMakeTranslation(-SCREEN_Width/3.0, 0);
            }];
            
            self.firstBtn.selected = NO;
            self.secondBtn.selected=  YES;
            self.thirdBtn.selected = NO;
        }
        
        if (index == 2) {
            //
            
            [UIView animateWithDuration:AnimationInterval animations:^{
                self.underLineView.transform = CGAffineTransformIdentity;
            }];
            
            self.firstBtn.selected = NO;
            self.secondBtn.selected=  NO;
            self.thirdBtn.selected = YES;
        }
    }
}

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    [self scrollViewDidEndScrollingAnimation:scrollView];
}

//- (void)scrollViewDidScroll:(UIScrollView *)scrollView
//{
//    [self scrollViewDidEndScrollingAnimation:scrollView];
//}

- (void)push
{
    CaiPushViewController *push = [[CaiPushViewController alloc] init];
    [self.navigationController pushViewController:push animated:YES];
}

@end

复制代码
  • CaiPushViewController
//
//  CaiPushViewController.m
//  LuckyCoderCai_ScrollViewTest
//
//  Created by luckyCoderCai on 16/9/12.
//  Copyright © 2016年 luckyCoderCai. All rights reserved.
//

#import "CaiPushViewController.h"
#import "CaiFourthTableView.h"
#import "PureLayout.h"
#import "CaiCommon.h"

@interface CaiPushViewController ()

@property (nonatomic, strong) CaiFourthTableView *fourthTableView;

@end

@implementation CaiPushViewController

- (CaiFourthTableView *)fourthTableView
{
    if (!_fourthTableView) {
        _fourthTableView = [CaiFourthTableView newAutoLayoutView];
    }
    return _fourthTableView;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    self.title = @"push";
    self.view.backgroundColor = [UIColor purpleColor];
    
    [self setupUI];
}

/**
 *  UI
 */
- (void)setupUI
{
    [self.view addSubview:self.fourthTableView];
    [self.fourthTableView autoPinEdgeToSuperviewEdge:ALEdgeLeading];
    [self.fourthTableView autoPinEdgeToSuperviewEdge:ALEdgeTrailing];
    [self.fourthTableView autoPinEdgeToSuperviewEdge:ALEdgeBottom];
    [self.fourthTableView autoPinEdgeToSuperviewEdge:ALEdgeTop];
    
    UIView *headView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, SCREEN_Width, 44)];
    headView.backgroundColor = [UIColor whiteColor];
    self.fourthTableView.tableHeaderView = headView;
    
    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 16, SCREEN_Width, 12)];
    label.text = @"cell类型为UITableViewCellStyleValue2";
    label.textColor = [UIColor purpleColor];
    label.textAlignment = NSTextAlignmentCenter;
    label.font = FONT(12);
    [headView addSubview:label];
    
    UIView *line =[[UIView alloc] initWithFrame:CGRectMake(15, 44, SCREEN_Width - 15, 0.5)];
    line.backgroundColor = [UIColor lightGrayColor];
    [headView addSubview:line];
}
@end

复制代码
  • CaiFirstTableView.h
//
//  CaiFirstTableView.h
//  LuckyCoderCai_ScrollViewTest
//
//  Created by luckyCoderCai on 16/9/11.
//  Copyright © 2016年 luckyCoderCai. All rights reserved.
//

#import <UIKit/UIKit.h>

@protocol CaiPushDelegate <NSObject>

@optional
- (void)push;

@end

@interface CaiFirstTableView : UITableView

@property (nonatomic, weak) id<CaiPushDelegate>pushDelegate;

@end

复制代码
  • CaiFirstTableView.m
//
//  CaiFirstTableView.m
//  LuckyCoderCai_ScrollViewTest
//
//  Created by luckyCoderCai on 16/9/11.
//  Copyright © 2016年 luckyCoderCai. All rights reserved.
//

#import "CaiFirstTableView.h"
#import "PureLayout/PureLayout.h"

@interface CaiFirstTableView ()<UITableViewDelegate, UITableViewDataSource>

@end

@implementation CaiFirstTableView

- (instancetype)initWithFrame:(CGRect)frame style:(UITableViewStyle)style
{
    self = [super initWithFrame:frame style:style];
    if (self) {
        self.backgroundColor = [UIColor orangeColor];
        self.dataSource = self;
        self.delegate = self;
        self.separatorStyle = UITableViewCellSeparatorStyleNone;
    }
    return self;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 6;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];
    cell.textLabel.text = @"first";
    
    UIView *line =[UIView newAutoLayoutView];
    line.backgroundColor = [UIColor lightGrayColor];
    [cell.contentView addSubview:line];
    [line autoPinEdgeToSuperviewEdge:ALEdgeLeading withInset:15];
    [line autoPinEdgeToSuperviewEdge:ALEdgeTrailing];
    [line autoPinEdgeToSuperviewEdge:ALEdgeBottom];
    [line autoSetDimension:ALDimensionHeight toSize:0.5];
    
    return cell;
}

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
{
    return 44;
}

- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
{
    UILabel *label = [[UILabel alloc] init];
    label.backgroundColor = [UIColor whiteColor];
    label.text = @"    cell类型为UITableViewCellStyleDefault";
    label.textColor = [UIColor blackColor];
    label.textAlignment = NSTextAlignmentLeft;
    label.font = [UIFont systemFontOfSize:12];
    return label;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    if (self.pushDelegate && [self.pushDelegate respondsToSelector:@selector(push)]) {
        [self.pushDelegate push];
    }
    
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
}

@end

复制代码
  • CaiSecondTableView.m
//
//  CaiSecondTableView.m
//  LuckyCoderCai_ScrollViewTest
//
//  Created by luckyCoderCai on 16/9/11.
//  Copyright © 2016年 luckyCoderCai. All rights reserved.
//

#import "CaiSecondTableView.h"
#import "PureLayout.h"

@interface CaiSecondTableView ()<UITableViewDelegate, UITableViewDataSource>

@end

@implementation CaiSecondTableView

- (instancetype)initWithFrame:(CGRect)frame style:(UITableViewStyle)style
{
    self = [super initWithFrame:frame style:style];
    if (self) {
        self.backgroundColor = [UIColor orangeColor];
        self.dataSource = self;
        self.delegate = self;
        self.separatorStyle = UITableViewCellSeparatorStyleNone;
    }
    return self;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 8;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:nil];
    cell.selectionStyle = UITableViewCellSelectionStyleNone;
    cell.textLabel.text = @"second";
    cell.detailTextLabel.text = @"cell类型为UITableViewCellStyleSubtitle";
    
    UIView *line =[UIView newAutoLayoutView];
    line.backgroundColor = [UIColor lightGrayColor];
    [cell.contentView addSubview:line];
    [line autoPinEdgeToSuperviewEdge:ALEdgeLeading withInset:15];
    [line autoPinEdgeToSuperviewEdge:ALEdgeTrailing];
    [line autoPinEdgeToSuperviewEdge:ALEdgeBottom];
    [line autoSetDimension:ALDimensionHeight toSize:0.5];
    
    return cell;
}

@end

复制代码
  • CaiThirdTableView.m
//
//  CaiThirdTableView.m
//  LuckyCoderCai_ScrollViewTest
//
//  Created by luckyCoderCai on 16/9/11.
//  Copyright © 2016年 luckyCoderCai. All rights reserved.
//

#import "CaiThirdTableView.h"
#import "PureLayout.h"

@interface CaiThirdTableView ()<UITableViewDelegate, UITableViewDataSource>

@end

@implementation CaiThirdTableView

- (instancetype)initWithFrame:(CGRect)frame style:(UITableViewStyle)style
{
    self = [super initWithFrame:frame style:style];
    if (self) {
        self.backgroundColor = [UIColor orangeColor];
        self.dataSource = self;
        self.delegate = self;
        self.separatorStyle = UITableViewCellSeparatorStyleNone;
    }
    return self;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 3;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:nil];
    cell.selectionStyle = UITableViewCellSelectionStyleNone;
    cell.textLabel.text = @"third";
    cell.detailTextLabel.text = @"detail";
    
    UIView *line =[UIView newAutoLayoutView];
    line.backgroundColor = [UIColor lightGrayColor];
    [cell.contentView addSubview:line];
    [line autoPinEdgeToSuperviewEdge:ALEdgeLeading withInset:15];
    [line autoPinEdgeToSuperviewEdge:ALEdgeTrailing];
    [line autoPinEdgeToSuperviewEdge:ALEdgeBottom];
    [line autoSetDimension:ALDimensionHeight toSize:0.5];
    
    return cell;
}

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section
{
    return 44;
}

- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section
{
    UILabel *label = [[UILabel alloc] init];
    label.backgroundColor = [UIColor whiteColor];
    label.text = @"    cell类型为UITableViewCellStyleValue1";
    label.textColor = [UIColor blackColor];
    label.textAlignment = NSTextAlignmentLeft;
    label.font = [UIFont systemFontOfSize:12];
    return label;
}

@end

复制代码
  • CaiFourthTableView.m
//
//  CaiFourthTableView.m
//  LuckyCoderCai_ScrollViewTest
//
//  Created by luckyCoderCai on 16/9/13.
//  Copyright © 2016年 luckyCoderCai. All rights reserved.
//

#import "CaiFourthTableView.h"
#import "PureLayout.h"

@interface CaiFourthTableView ()<UITableViewDelegate, UITableViewDataSource>

@end

@implementation CaiFourthTableView

- (instancetype)initWithFrame:(CGRect)frame style:(UITableViewStyle)style
{
    self = [super initWithFrame:frame style:style];
    if (self) {
        self.backgroundColor = [UIColor orangeColor];
        self.dataSource = self;
        self.delegate = self;
        self.separatorStyle = UITableViewCellSeparatorStyleNone;
    }
    return self;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 10;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue2 reuseIdentifier:nil];
    cell.selectionStyle = UITableViewCellSelectionStyleNone;
    cell.textLabel.text = @"fourth";
    cell.detailTextLabel.text = @"detail";
    
    UIView *line =[UIView newAutoLayoutView];
    line.backgroundColor = [UIColor lightGrayColor];
    [cell.contentView addSubview:line];
    [line autoPinEdgeToSuperviewEdge:ALEdgeLeading withInset:15];
    [line autoPinEdgeToSuperviewEdge:ALEdgeTrailing];
    [line autoPinEdgeToSuperviewEdge:ALEdgeBottom];
    [line autoSetDimension:ALDimensionHeight toSize:0.5];
    
    return cell;
}

@end

复制代码
  • CaiCommon.h

//
//  CaiCommon.h
//  LuckyCoderCai_ScrollViewTest
//
//  Created by luckyCoderCai on 16/9/11.
//  Copyright © 2016年 luckyCoderCai. All rights reserved.
//

#ifndef CaiCommon_h
#define CaiCommon_h

#define SCREEN_Width [UIScreen mainScreen].bounds.size.width
#define SCREEN_Height [UIScreen mainScreen].bounds.size.height

#define FONT(font) [UIFont systemFontOfSize:font]
#define BOLDFONT(bFont) [UIFont boldSystemFontOfSize:bFont]

#endif /* CaiCommon_h */

复制代码
weixin_33953249
关注
fragment+scrollview 切换fragment自动滚动到顶部
duov的博客
10-10 6299
项目中一个MainActivity 装载了四个Fragment 其中最后一个fragment中包含了一个ScrollView ,ScrollView中还包含了一个GridView 我的目标是:1: fragment间来回切换时ScrollView自动滑到顶部                      2: 从包含ScrollView的Fragment中跳转至其他Activity后,返回这个Fr
Unity学习笔记：使用ScrollView（ScrollRect）实现滑动切换页面的功能
mumu6200的博客
06-14 8287
写在文章开头：我的unity版本是2018.3，写这个的目的是为了刚刚接触unity的小白（就是我），因为项目中使用Cocos的PageView做了公告系统，最近在自学unity，所以想着用unity怎么实现。翻了很多博客，感觉对我这样的小白很不友好，自己边参考边摸索着实现了这个功能，就想写下来，希望能帮助到其他小白。 模仿大佬放一下github地址：https://github.com/liu...
UIScrollView循环+自动切换+UIPageControl可点击
07-17
scrollViewDemo中实现了以下功能： 1.自动滑动图片，UIPageControl会随着图片滑动而改变； 2.用户可以手动切换图片，左右切换均可，当用户手动滑动图片时，图片停止自动切换； 3.实现了图片的循环播放； 4.UIPageControl可点击从而实现向左或右滑动，当用户点击UIPageControl时，图片不再自动切换；
ScrollView切换
qosbtaas的博客
06-01 203
这个是MainActivity的代码 package com.example.asd; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentActivity; import android.support.v4.app.Fragm
滑动scrollview切换控制器
04-02 870
#import "HGYHomeController.h" #import "HGYHallViewController.h" #import "HGYHomePageViewController.h" #import "UIView+YYExtension.h" #import "HGYHomeBottomView.h" @interface HGYHomeCo
小程序 - scroll-view 滑动切换（三元运算符）
前端Cocoko
01-30 750
&amp;amp;amp;lt;view class=&amp;amp;quot;m-swiper-list&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;scroll-view scroll-x=&amp;amp;quot;true&amp;amp;quot; class=&amp;amp;quot;navbar-box&amp;amp;quot; scroll-left=&amp
uniapp使用scroll-view与swiper组件实现tab滑动切换页面
qq_42786138的博客
09-21 833
【代码】uniapp使用scroll-view与swiper组件实现tab滑动切换页面。
定时器滑动scrollview切换view
03-26
总结起来，实现“定时器滑动scrollview切换view”涉及到的主要知识点包括：`UIScrollView`的使用、`UIPageControl`的配置、`NSTimer`的管理和`UIScrollView`的代理方法。通过合理组合这些组件，我们可以创建一个自动...
ios-iOS高仿美团外卖店铺主页.zip
07-11
高仿美团外卖的店铺主页（包括下拉动画效果，解决各种手势问题，并且cell有列表样式，九宫格样式，卡片样式），各种动画效果纵享丝滑，因为写的比较急，还待优化.! 解决UIScrollView嵌套UIScrollView、...
scrollview的应用 定时切换
07-28
在标题“scrollview的应用 定时切换”中，我们关注的是ScrollView的一个特定应用，即如何实现定时自动滚动的功能。这通常用于创建滚动广告或者轮播图的效果，每隔一段时间自动滚动到下一张图片或内容。 描述中的...
Android TabHost+ScrollView实现项卡切换+下拉显示头部效果 源码
10-17
一个帮你实现选项卡切换+下拉显示头部等效果的布局。
微信小程序swiper+scroll-view实现滑动切换内容
苏苏就是小苏苏的博客
02-27 7836
1.实现效果 2.实现原理 swiper：滑块视图容器。其中只可放置swiper-item组件，设置不同的swiper-item，通过bindchange事件，动态的改变当前选中项，swiper默认高度为150，必须设置相应高度才可。 scroll-view：包裹整个页面，设置scroll-x或scroll-y，改变滚动的方向。 3.实现代码 <scroll-view class="scroll-wrapper" scroll-x scroll-with-animation="true" scr
利用scroll-view配合swiper进行滑动切页
最新发布
weixin_51055997的博客
07-13 646
scroll-view配合swiper实现选项卡，左右滑动切换内容，swiper长列表切换
切换fragment，ScrollView 位置导致title bar消失！
ZhbaoZhou的博客
10-24 330
开发中遇到个问题：多个fragment 切换 ，第一个界面用到ScrollView控件 滑动后切换其他fragment 再切换回来发现ScrollView 位置不变,导致title bar变黑色，但是title中控件可点击，就是不可见。 解决方法：切换回 包含ScrollView的fragmen界面的时候 设置ScrollView滚动到顶部。   设置滚回顶部ScrollVie
微信小程序实现滑动/点击切换Tab
热门推荐
苏苏就是小苏苏的博客
12-01 1万+
👏 swiper+scroll-view实现滑动/点击切换Tab，以及scroll-left的使用~ 🥇文末分享源代码。记得点赞+关注+收藏！
巧用Scrollview实现Tab组件动态切换
weixin_43569860的博客
02-22 647
巧用Scrollview实现Tab组件动态切换 实现效果： 不仅能左右滑动,同时还能够在点击的时候自动滑动,将点击的位置滑动到正中间。 代码实现 import React from 'react' import { Dimensions, ScrollView, Text, TouchableOpacity, View, StyleSheet } from 'react-native' import LinearGradient from 'react-native-linear-gradient' co
微信小程序-tab切换(scroll-view + swiper)
xiasnn的博客
11-27 3499
话不多说，先上一张效果图(没买会员，有水印，勿介意)，如果是你想要的效果，继续往下看 原先做百度小程序的时候有现成的tab切换组件，然后改做微信小程序的时候，发现没有现成的组件是上图的效果，所以自己手动写了一个。 我这边的tab切换用的是scroll-view + swiper。切换选项的是scroll-view，如果不用scroll-view的话，在切到第五个的时候，第六个不会自动滑出来，用户体验感不好。底下使用swiper也是为了让内容切换的时候，有滑动的效果，提高用户体验。 一、初步完成tab切换
切换界面时NGUI中ScrollView没有初始化问题
qq_39125397的博客
09-28 624
在开发过程中，有时遇到这种问题，切换界面是写的缓存并没有显示第一个，这种情况，是写了缓存，但没有些初始化 正常情况下应该正常显示， 当下拉到下面，切换界面，在切换回来时，就会出现这种情况。 这问题所在就是没有初始化位置。 上代码： void Init() { //绑定控件 PanelList = transfor...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值