iOS：点击按钮或者手势控制界面左右滑动

最新推荐文章于 2019-02-15 13:43:49 发布

INTERNEST

最新推荐文章于 2019-02-15 13:43:49 发布

阅读量2.6k

点赞数

分类专栏： ios学习文章标签： ios开发界面代码优化

本文链接：https://blog.csdn.net/INTERNEST/article/details/49510911

版权

本文介绍了一种在iOS开发中实现点击按钮或手势控制界面左右滑动的方法，通过将多个tableView添加到scrollView并扩展其滚动范围。根据scrollView的contentOffset更新按钮状态和指示线位置，提供了一种灵活的界面切换方案。虽然当前实现有些复杂，但已进行了初步优化。

摘要由CSDN通过智能技术生成

在做项目时，遇到两次这样的界面：上部是按钮栏，按钮下面有随意滑动的指示线，下面很多界面可以左右滑动来切换，线条也会随着界面滑动而滑动。

于是我把之前做的优化了一下，变得更容易添加按钮和界面

大体思路是将一个个tableView添加到scrollView中，扩大scrollView的滚动范围，根据scrollView的contentOffset属性判断滚到哪个视图，从而改变按钮状态（selected还是normal）和指示线的位置。

直接上代码：

ViewController.h

#define Width self.view.frame.size.width
#define Height self.view.frame.size.height
#import <UIKit/UIKit.h>
#import "TitleView.h"

@interface ViewController : UIViewController
//按钮栏
@property(nonatomic,strong)TitleView *titleView;

@property(nonatomic,strong)UIScrollView *scrollView;

//添加多少个tableView
- (void)addTableViewWithNumber:(NSInteger)number;

//按钮点击事件
- (void)btnClick:(UIButton *)btn;

//添加指示线
- (void)addLine;

@end

ViewController.m

#import "ViewController.h"

@interface ViewController ()<UITableViewDataSource,UITableViewDelegate,UIScrollViewDelegate>
//目前被选中的按钮
@property(nonatomic,strong)UIButton *selectedBtn;
//指示线
@property(nonatomic,strong)UIVi