Custom UI: Popup in iOS Objective-C - ios

Question

I want to create a custom popup and I want to generate a code dynamically without using UI drag and drop.
The view should look like:
I am using the following code to call the popup :
CustomPopUp *cp = [[CustomPopUp alloc]init];
cp.view.frame = CGRectMake(0.0, 0.0, 300, 300);
KLCPopup* popup = [KLCPopup popupWithContentView:cp.view];
[popup show];
The custom popup code looks like:
- (void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
self.gaScreenName = #"Login";
if (firstPageLoad) {
return;
}
LinearLayoutPageHeading *heading = [[LinearLayoutPageHeading alloc] initWithText:#"Sign in." maxWidth:[LayoutValues getMaxWidthClipped]];
[self.topContainerContent addObject:heading];
NSString *content = #"New patient? Register here.";
LinearLayoutLinksViewItem *contentItem = [[LinearLayoutLinksViewItem alloc] initLinksViewWithText:content font:[PPFonts genericParagraphFont] maxWidth:[LayoutValues getMaxWidthClipped] links:nil];
[self.topContainerContent addObject:contentItem];
LinearLayoutTextInputAndLabel *emailField = [[LinearLayoutTextInputAndLabel alloc] initWithLabelText:#"EMAIL ADDRESS" maxWidth:[LayoutValues getMaxWidthClipped]];
emailField.textField.autocapitalizationType = UITextAutocapitalizationTypeNone;
LinearLayoutButton *continueButton = [[LinearLayoutButton alloc] initWithText:#"SIGN IN" maxWidth:[LayoutValues getMaxWidthClipped] url:nil type:#"primary"];
[self.topContainerContent addObject:continueButton];
LinearLayoutLinksViewItem *noticesPar = [[LinearLayoutLinksViewItem alloc] initLinksViewWithText:#"By clicking Sign In you agree to our Consent to Telehealth, Consent to Request Medical Services, Privacy Policy and Terms of Use." font:[PPFonts signInTermsParagraph] maxWidth:[LayoutValues getMaxWidthClipped] links:nil];
noticesPar.padding = CSLinearLayoutMakePadding(0, noticesPar.padding.left, 10, noticesPar.padding.right);
[self.topContainerContent addObject:noticesPar];
[self renderPageContainers];
firstPageLoad = YES;
}
#end
I am using custom created view controller but am getting a blank popup.
Is there a way to get the above layout using standard UIViewController? I am new to iOS development and have not dynamically generated UI views so far.

Answer 1

If CustomPopUp is a viewcontroller, you need to instantiate it with a storyboard vc or a xib, something like this:
//For xib:
let a = UIViewController(nibName: "CustomPopUp", bundle: NSBundle.mainBundle()) as! CustomPopUp
//For storyboard
let b = UIStoryboard(name: "main", bundle: NSBundle.mainBundle()).instantiateViewControllerWithIdentifier("CustomPopup") as! CustomPopUp
Not totally sure how you are dealing with this, but I recommended you to create a custom view, not a custom viewcontroller, easier to create and use

Answer 2

Create a custom View with xib and add subview of your current view contoller.
make property instance of popupView
in your viewController.h
#property (strong,nonatomic) YourPopUpViewClass *popupView;
in your viewController.m
setUp Popup View
self.popUpView.hidden = YES;
self.popUpView.frame = [UIScreen mainScreen].bounds;
self.popUpView.alpha = 0.0;
self.popUpView.delegate = self; // for hide PopupView and Other Functinality if you need
[self.view addSubview:self.popUpView];
Now Display On Button Click With Animation
-(void)showPopupView{
self.popUpView.hidden = No;
[UIView animateWithDuration:0.0 delay:0
options:UIViewAnimationOptionCurveEaseInOut
animations:^ {
self.popUpView.alpha = 0.0
}completion:^(BOOL finished) {
[UIView animateWithDuration:0.3
delay:0
options:UIViewAnimationOptionCurveEaseInOut
animations:^ {
self.popUpView.alpha = 1.0
}completion:^(BOOL finished) {
}];
}];
}
And Hide like this
-(void)hidePopupView {
self.popUpView.hidden = No;
[UIView animateWithDuration:0.3 delay:0
options:UIViewAnimationOptionCurveEaseInOut
animations:^ {
self.popUpView.alpha = 0.0
}completion:^(BOOL finished) {
self.popUpView.hidden = Yes;
}];
}
hope this will help you.

Answer 3

Here is the good example for custom popup. Custom PopUP View. Just add your container in it.

Answer 4

Found a feasible solution. I used a third party library to achieve the result KLCPopup
However I have a new question. My popup does have a custom view but it comes from a separate class (view). How do I make my current view change based on input to the popup view? Can I have links to a few useful documents. I do not need code, just need to be pointed in the right direction.