ContainerView

ContainerView is designed to add a cool swim from the bottom to the animation with the effect of scale, controlled by the help of a gesture, scrollView also takes control.

The idea is taken from the application Apple Maps

---

Also, ☝️ See the new version SwiftContainerController

Preview

• Installation
  • CocoaPods
• Getting Started
• Setting
  • Change position Top Middle Bottom
• Adding Custom View
  • View under ContainerView
  • ScrollView in ContainerView
  • HeaderView in ContainerView
• Protocol
  • Reports the changes current position of the container, after its use
• License

Installation

CocoaPods

ContainerView is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod'ContainerView'

Getting Started

#import<UIKit/UIKit.h>
#import"ContainerViewController.h"@interfaceViewController : ContainerViewController@end

Setting

- (void)viewDidLoad {
[superviewDidLoad];
// This parameter for changing the rounding corner radius of the Container
self.containerCornerRadius = 15;
// This parameter to add a blur to the background of the Container
self.containerStyle = ContainerStyleLight;
// This parameter adds 3 position (move to the middle). Default there are 2 positions
self.containerAllowMiddlePosition = YES;
// This parameter allows you to zoom in on the screen under Container
self.containerZoom = YES;
// This parameter sets the shadow under Container
self.containerShadowView = YES;
// This parameter sets the shadow in Container
self.containerShadow = YES;
// This parameter indicates whether to add a button when the container is at the bottom to move the container to the top
self.containerBottomButtonToMoveTop = YES;
}

Change position Top Middle Bottom

- (void)viewDidLoad {
[superviewDidLoad];
// These parameters set the new position value.
self.containerTop = 50;
self.containerMiddle = 200;
self.containerBottom = 400;
}

Move position with an animation

- (void)moveTop {
[selfcontainerMove:ContainerMoveTypeTop];
}
- (void)moveMiddle {
[selfcontainerMove:ContainerMoveTypeMiddle];
}
- (void)moveBottom {
[selfcontainerMove:ContainerMoveTypeBottom];
}

Adding Custom

View under ContainerView

☝️ Adding all views under the ContainerView necessarily via the self.bottomView

- (void)viewDidLoad {
[superviewDidLoad];
UILabel *label = [[UILabel alloc]initWithFrame: CGRectMake(18, 26, 60, 30 )];
label.font = [UIFont boldSystemFontOfSize:24];
label.textColor = [UIColor redColor];
label.text = @"Label";
[self.bottomView addSubview:label];
}

ScrollView in ContainerView

☝️ For all ScrollView, add the self delegate. Otherwise, moving the container through scrolling will not work.

@interfaceViewController () <UITextViewDelegate>
@end@implementationViewController
- (void)viewDidLoad {
[superviewDidLoad];
UITextView *textView = [[UITextView alloc]initWithFrame:self.view.bounds];
textView.delegate = self;
textView.returnKeyType = UIReturnKeyDone;
textView.backgroundColor = [UIColor clearColor];
textView.font = [UIFont systemFontOfSize:46];
textView.text = @"This \n example \n more \n text \n\n\n\n\n\n\n\n ....";
[self.containerView addSubview:textView];
}
@end

HeaderView in ContainerView

- (void)addHeader {
CGFloat height = 60;
UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, height)];
UISearchBar *searchBar = [[UISearchBar alloc] initWithFrame:CGRectMake(0, 4, self.view.frame.size.width, height -4)];
searchBar.barStyle = UIBarStyleDefault;
searchBar.searchBarStyle = UISearchBarStyleMinimal;
searchBar.placeholder = @"Search";
[headerView addSubview:searchBar];
self.containerView.headerView = headerView;
}

Protocol

Reports the changes current position of the container, after its use

@interfaceViewController () <ContainerViewDelegate>
@end@implementationViewController
- (void)changeContainerMove:(ContainerMoveType)containerMovecontainerY:(CGFloat)containerYanimated:(BOOL)animated {
[superchangeContainerMove:containerMove containerY:containerY animated:animated];
...
}
@end

Author

motionrustam@gmail.com 📩| mrustaa NOVEMBER 2018

License

ContainerView is available under the MIT license. See the LICENSE file for more info.