WZDraggableSwitchHeaderView
How far your thumb can reach on the iPhone 6 Plus ?
Or, being bored with tapping the button or navigation Item to switch between viewControllers ?
Quick Look
About
This project is inspired by Nike's awesome official App Making of Making Powered by NIKE MSI.
Installation
CocoaPods
# For latest release in CocoaPods
pod 'WZDraggableSwitchHeaderView'
Or
# Feeling adventurous? Get the latest on develop
pod 'WZDraggableSwitchHeaderView', :git => 'https://github.com/wongzigii/WZDraggableSwitchHeaderView.git', :branch => 'master'
Getting Start
#import "WZDraggableSwitchHeaderView.h"
Create an instance of WZDraggableSwitchHeaderView:
self.headerView = [[WZDraggableSwitchHeaderView alloc] initWithDelegate:self
frame:CGRectMake(0,0,self.view.bounds.size.width,50)
normalStateHeight:20.0f
heightCanTriggerSwitch:70.0f];
[self.view addSubView:self.headerView];
Implement the delegate method that will be invoked:
#pragma mark - WZDraggableSwitchHeaderViewDelegate
- (void)WZDraggableSwitchHeaderViewDidTriggerDeepDragging;
{
[self.navigationController.view.layer addAnimation:[WZAnimatingTransition backwardTransition] forKey:@"transition"];
[self.navigationController popToRootViewControllerAnimated:NO];
}
Hook on the UIScrollViewDelegate:
#pragma mark - UIScrollViewDelegate
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
[self.headerView WZDraggableSwitchHeaderViewDidScroll:scrollView];
}
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
[self.headerView WZDraggableSwitchHeaderViewDidEndDragging:scrollView];
}
Done!
Customization
/// The y contentOffset range between normal state and shallow dragging state. If end dragging on this range, `- WZDraggableSwitchHeaderViewDidTriggerShallowDragging` will be invoked.
/// Default is 20.0f.
@property (nonatomic, assign) CGFloat normalStateHeight;
/// The total height of this header view will trace down with. End up dragging on the y contentOffset if less than `heightCanTriggerSwitch`, `- WZDraggableSwitchHeaderViewDidTriggerDeepDragging` will be invoked properly.
/// Default is 70.0f.
@property (nonatomic, assign) CGFloat heightCanTriggerSwitch;
/// The status label shows the text of state.
@property (nonatomic, strong) UILabel *statusLabel;
/// The button can be tapped to return to menu.
@property (nonatomic, strong) UIButton *backButton;
/// The layer of arrow Image.
@property (nonatomic, strong) CALayer *arrowImage;
/// The state of this headerView.
@property (nonatomic, assign) WZDraggableSwitchState state;
/// The text will show in normal state. Default is `ABOUT`.
@property (nonatomic, strong) NSString *normalStateText;
/// The text will show on shallow dragging state. Default is `PULL TO RETURN TO MENU.`
@property (nonatomic, strong) NSString *shallowStateText;
/// The text will show on deep dragging state. Default is `RELEASE TO RETURN TO MENU.`
@property (nonatomic, strong) NSString *deepStateText;
Contact
Credits
Logo :
Font :
- Fundamental Brigade Schwer Copyright (c) 2012 by Peter Wiegel.
License
WZDraggableSwitchHeaderView is available under the MIT license, see the LICENCE file for more info.
160 Nov 2, 2022
10 Jul 16, 2022
290 Nov 13, 2022
657 Dec 6, 2022
2.9k Jan 3, 2023
0 Jan 18, 2022
200 Dec 19, 2022
1.9k Dec 20, 2022
1.6k Dec 30, 2022
3 Jul 4, 2021
8 Oct 17, 2022
113 Nov 21, 2022
15k Jan 8, 2023
18 Mar 9, 2022
0 Feb 7, 2022
322 Sep 7, 2022
5 Nov 23, 2022
958 Jan 2, 2023
154 Dec 3, 2022
11.7k Jan 6, 2023
1 Aug 10, 2022
449 Dec 28, 2022
352 Dec 4, 2022
2 May 25, 2022
15 Oct 9, 2022
0 Jan 6, 2022
544 Dec 28, 2022