- 前言：
- 看這個簡單demo你可以學到很多東西。
涉及導航欄隨著tableView滑動是否隱藏,隨著tableView的滑動讓TabBar隱藏，停止滑動顯示TabBar。還有NavigationController的titleView動態縮放效果，還還還加了UITableView分區展開與收起。
雖然沒有很詳細的介紹每一個步驟，不過大家應該都看的懂，看不懂的可以聯系我
先看一下簡單的效果：
Turning.gif
代碼：
// ViewController.m
// turnView
//
// Created by ming on 16/5/28.
// Copyright ? 2016年 ming. All rights reserved.
#import "ViewController.h"
#define MGSCREEN_WIDTH [UIScreen mainScreen].bounds.size.width
#define MGSCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height
@interface ViewController ()
@end
@implementation ViewController
{
UISegmentedControl *segment;
UIView *_leftView;
UIView *_rightnView;
}
- (void)viewDidLoad {
[super viewDidLoad];
[self setMainView];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
- (void)setMainView{
UINavigationBar *navBar = [UINavigationBar appearance];
navBar.barTintColor = [UIColor purpleColor];
navBar.tintColor = [UIColor colorWithRed:0.8 green:0.5 blue:1 alpha:1.000];
navBar.translucent = NO;
NSArray *segArr=@[@"訂單",@"商品"];
//設置segment
segment=[[UISegmentedControl alloc] initWithItems:segArr];
segment.frame=CGRectMake(MGSCREEN_WIDTH/2-266/4, 7, 266/2, 30);
[segment addTarget:self action:@selector(selectIndex:) forControlEvents:(UIControlEventValueChanged)];
segment.layer.borderColor=[UIColor whiteColor].CGColor;
segment.tintColor=[UIColor orangeColor];
NSDictionary *dics = [NSDictionary dictionaryWithObject:[UIFont systemFontOfSize:15.0f] forKey:NSFontAttributeName];
[segment setTitleTextAttributes:dics forState:UIControlStateNormal];
segment.selectedSegmentIndex = 0;
[self.navigationController.navigationBar addSubview:segment];
_leftView=[[UIView alloc] initWithFrame:(CGRectMake(0, 64, MGSCREEN_WIDTH, MGSCREEN_HEIGHT-64))];
_leftView.backgroundColor=[UIColor redColor];
[self.view addSubview:_leftView];
_rightnView=[[UIView alloc] initWithFrame:(CGRectMake(0, 64, MGSCREEN_WIDTH, MGSCREEN_HEIGHT-64))];
_rightnView.backgroundColor=[UIColor greenColor];
[self.view addSubview:_rightnView];
[self.view bringSubviewToFront:_leftView];
}
- (void)selectIndex:(UISegmentedControl *)segmentor{
if(segmentor.selectedSegmentIndex==0){
[self animationWithView:self.view WithAnimationTransition:(UIViewAnimationTransitionFlipFromLeft)];
[self.view bringSubviewToFront:_leftView];
}else{
[self animationWithView:self.view WithAnimationTransition:(UIViewAnimationTransitionFlipFromRight)];
[self.view bringSubviewToFront:_rightnView];
}
}
- (void) animationWithView:(UIView *)view WithAnimationTransition:(UIViewAnimationTransition) transition
{
[UIView animateWithDuration:0.5f animations:^{
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
[UIView setAnimationTransition:transition forView:view cache:YES];
}];
}
@end
升級版
給Tabbar 加了動畫（拖動tableView的時候會隱藏，不拖拽會顯示）
也對cell 加了動畫處理（cell顯示的時候會有動畫效果）
導航欄的漸變效果
-
先看一下升級的效果：
turnView.gif
#import "ViewController.h"
#define MGSCREEN_WIDTH [UIScreen mainScreen].bounds.size.width
#define MGSCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height
@interface ViewController ()<UITableViewDelegate,UITableViewDataSource>
{
UISegmentedControl *segment;
UITableView *_leftView;
UITableView *_rightnView;
UIView *_topBgView;
}
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
[self setMainView];
}
-(void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:YES];
self.navigationController.navigationBar.hidden=YES;
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
- (void)setMainView{
// UINavigationBar *navBar = [UINavigationBar appearance];
// UIBarButtonItem *barItem = [UIBarButtonItem appearance];
// if(ISIOS8)
// navBar.translucent = NO;
// else
// self.navigationBar.translucent =NO;
// navBar.barTintColor = naBarTiniColor;
// navBar.tintColor = [UIColor colorWithRed:1 green:1 blue:1 alpha:1.000];
// [navBar setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor whiteColor]}];
//
// [navBar setTitleTextAttributes:@{
// NSForegroundColorAttributeName :[UIColor whiteColor] ,
// NSFontAttributeName : [UIFont boldSystemFontOfSize:18]
// }];
//
//
// if(barItem==self.navigationItem.leftBarButtonItem){
// [barItem setTitleTextAttributes:@{
// NSForegroundColorAttributeName : [UIColor clearColor],
// NSFontAttributeName : [UIFont systemFontOfSize:0]
// } forState:UIControlStateNormal];
// }else{
// [barItem setTitleTextAttributes:@{
// NSForegroundColorAttributeName : [UIColor whiteColor],
// NSFontAttributeName : [UIFont systemFontOfSize:13]
// } forState:UIControlStateNormal];
//
// }
// UINavigationBar *navBar = [UINavigationBar appearance];
// navBar.backgroundColor = [UIColor blueColor];
// navBar.barTintColor = [UIColor purpleColor];
// navBar.tintColor = [UIColor colorWithRed:0.8 green:0.5 blue:1 alpha:1.000];
// navBar.translucent = NO;
// [navBar setBackgroundImage:[UIImage imageNamed:@""] forBarMetrics:UIBarMetricsDefault];
_leftView=[[UITableView alloc] initWithFrame:(CGRectMake(0, 64, MGSCREEN_WIDTH, MGSCREEN_HEIGHT-64))];
_leftView.delegate = self;
_leftView.dataSource = self;
_leftView.backgroundColor=[UIColor redColor];
[self.view addSubview:_leftView];
_rightnView=[[UITableView alloc] initWithFrame:(CGRectMake(0, 64, MGSCREEN_WIDTH, MGSCREEN_HEIGHT-64))];
_rightnView.backgroundColor=[UIColor greenColor];
[self.view addSubview:_rightnView];
_topBgView=[[UIView alloc] initWithFrame:(CGRectMake(0, 0, MGSCREEN_WIDTH, 64))];
// _topBgView.alpha = 0.0f;
[self.view addSubview:_topBgView];
NSArray *segArr=@[@"訂單",@"商品"];
//設置segment
segment=[[UISegmentedControl alloc] initWithItems:segArr];
segment.frame=CGRectMake(MGSCREEN_WIDTH/2-266/4, 25, 266/2, 30);
[segment addTarget:self action:@selector(selectIndex:) forControlEvents:(UIControlEventValueChanged)];
segment.layer.borderColor=[UIColor whiteColor].CGColor;
segment.tintColor=[UIColor orangeColor];
NSDictionary *dics = [NSDictionary dictionaryWithObject:[UIFont systemFontOfSize:15.0f] forKey:NSFontAttributeName];
[segment setTitleTextAttributes:dics forState:UIControlStateNormal];
segment.selectedSegmentIndex = 0;
[self.view insertSubview:segment aboveSubview:_topBgView];
[self.view bringSubviewToFront:_leftView];
}
#pragma mark - segment的target
- (void)selectIndex:(UISegmentedControl *)segmentor{
if(segmentor.selectedSegmentIndex==0){
[self animationWithView:self.view WithAnimationTransition:(UIViewAnimationTransitionFlipFromLeft)];
[self.view bringSubviewToFront:_leftView];
}else{
[self animationWithView:self.view WithAnimationTransition:(UIViewAnimationTransitionFlipFromRight)];
[self.view bringSubviewToFront:_rightnView];
}
}
#pragma mark - 翻轉動畫
- (void) animationWithView:(UIView *)view WithAnimationTransition:(UIViewAnimationTransition) transition
{
[UIView animateWithDuration:0.5f animations:^{
[UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
[UIView setAnimationTransition:transition forView:view cache:YES];
}];
}
#pragma mark - scrollView代理
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {
[UIView animateWithDuration:1 animations:^{
// 給Tabbar 加入動畫 self.tabBarController.tabBar.transform = CGAffineTransformMakeTranslation(0, 49);
}];
}
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
UIColor *color = [UIColor brownColor];
CGFloat offsetY = scrollView.contentOffset.y;
if (offsetY > 0) {
CGFloat alpha = 1 - ((64 - offsetY) / 64);
if (alpha>1) {
alpha = 1;
}
_topBgView.backgroundColor = [color colorWithAlphaComponent:alpha];
} else {
_topBgView.backgroundColor = [color colorWithAlphaComponent:0];
}
}
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {
[UIView animateWithDuration:1.0 delay:0.8 options:UIViewAnimationOptionOverrideInheritedCurve animations:^{
self.tabBarController.tabBar.transform = CGAffineTransformIdentity;
} completion:nil];
}
#pragma mark - 數據源
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
return 40;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
if (cell==nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
}
cell.textLabel.text = [NSString stringWithFormat:@"ming-%ld",indexPath.row];
return cell;
}
#pragma mark - 代理
/**
* 添加cell滾動的動畫
*/
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath{
// 防止重復添加動畫
[cell.layer removeAnimationForKey:@"ming"];
CAKeyframeAnimation *keyframeAnimation = [CAKeyframeAnimation animationWithKeyPath:@"transform.rotation.y"];
keyframeAnimation.values = @[@(-2),@(-1),@(1),@(2)];
keyframeAnimation.duration = 0.3;
[cell.layer addAnimation:keyframeAnimation forKey:@"ming"];
}
@end
-
升升升升升級版
首先加了iOS 實現NavigationController的titleView動態縮放效果，還加了UITableView分區展開與收起
-
再看升升升升升級版的效果：
升級版.gif
覺得不錯給個贊，Thanks
