Pfthb

I have been following this tutorial online:
https://medium.com/@jannism/segmented-control-tutorial-for-beginner-in-swift-4-8588a63b8bfd

It uses a Segmented Control to toggle UIView (container views) based on the index selection in the Segmented control.

The switching of the containers works as described in the tutorial, but the key portion where I wish to add either textboxes or a UIPicker in the container. The elements are displayed in the container view but I can NOT interact with them!?

Does anyone know how I can get this to work?

The main view controller which holds the three UIViews (aka containers)

class ViewController: UIViewController, TwicketSegmentedControlDelegate 

 // OUTLETS AND VARIABLES
 @IBOutlet weak var showHome: UIView!
 @IBOutlet weak var showProfile: UIView!
 @IBOutlet weak var showSettings: UIView!


 // BACKGROUND OF THE TOP SLIDER
 var segmentControlView: UIView = 
 var uiView = UIView()
 uiView.backgroundColor = UIColor.white
 return uiView
 ()


 // DISPLAY SLIDER
 var contentView:UIView = 
 var uiView = UIView()
 return uiView
 ()


 // DESIGN OF THE SEGMENT
 var twicketSegmentControl:TwicketSegmentedControl = 

 var twicketSegmentControl : TwicketSegmentedControl = TwicketSegmentedControl(frame:CGRect.zero)

 // SETTING THE TITLES
 let titles = ["Home", "Profile", "Settings"]
 twicketSegmentControl.setSegmentItems(titles)

 // SETTING THE TEXT COLOR OF THE CHOSEN SEGMENT TO WHITE
 twicketSegmentControl.highlightTextColor = UIColor.white

 // SETTING THE TEXT COLOR OF THE OTHER SEGMENTS TO A DARK GRAY
 twicketSegmentControl.defaultTextColor = UIColor.init(red: 171/255.0, green: 183/255.0, blue: 183/255.0, alpha: 1.0)

 // SETTING THE BACKGROUND COLOR OF THE CHOSEN SEGMENT TO BLUE
 twicketSegmentControl.sliderBackgroundColor = UIColor.init(red: 31/255.0, green: 58/255.0, blue: 147/255.0, alpha: 1.0)

 // SETTING THE BACKGROUND COLOR OF THE OTHER SEGMENTS TO A VERY LIGHT GRAY
 twicketSegmentControl.segmentsBackgroundColor = UIColor.init(red: 238/255.0, green: 238/255.0, blue: 238/255.0, alpha: 1.0)

 // SHOWS SEGMENTS
 return twicketSegmentControl
 ()


 override func viewDidLoad() 
 super.viewDidLoad()
 // LOADING THE HOME SWITCH AS THE DEFAULT VIEW
 didSelect(0)

 super.viewDidLoad()
 configureViewHierarchy()
 


 // VIEWS
 func configureViewHierarchy()
 view.addSubview(segmentControlView)
 segmentControlView.snp.makeConstraints (make) in
 make.top.left.right.equalTo(view)
 

 segmentControlView.addSubview(twicketSegmentControl)
 twicketSegmentControl.delegate = self;
 twicketSegmentControl.snp.makeConstraints (make) in

 // PUTS THE SEGMENT CONTROL 30px (= THE HEIGHT OF THE CONTROL) OVER THE VIEW
 make.top.equalTo(showHome).offset(-30)

 // DEFINE THE BORDERS TO THE SIDES
 make.left.equalTo(segmentControlView).offset(16)
 make.right.equalTo(segmentControlView).offset(-16)

 make.bottom.equalTo(segmentControlView).offset(-10)

 // DEFINE THE HEIGHT
 make.height.equalTo(30)
 

 view.addSubview(contentView)
 contentView.snp.makeConstraints (make) in
 make.left.right.equalTo(view)
 make.bottom.equalTo(view)
 make.top.equalTo(segmentControlView.snp.bottom)
 

 


 override func didReceiveMemoryWarning() 
 super.didReceiveMemoryWarning()
 // Dispose of any resources that can be recreated.
 


 // CHOSING VIEW BASED ON SEGMENT CHOSEN
 func didSelect(_ segmentIndex: Int) 

 switch segmentIndex
 
 case 0:
 // SHOWING THE HOME VIEW
 showProfile.alpha = 0
 showSettings.alpha = 0
 showHome.alpha = 1

 case 1:
 // SHOWING THE PROFILE VIEW
 showHome.alpha = 0
 showSettings.alpha = 0
 showProfile.alpha = 1

 case 2:
 // SHOWING THE SETTINGS VIEW
 showHome.alpha = 0
 showProfile.alpha = 0
 showSettings.alpha = 1

 default:
 break;
 

 

The Settings ViewController is a such:

class SettingViewController: UIViewController 

 @IBOutlet weak var textField: UITextField!

 override func viewDidLoad() 
 super.viewDidLoad()
 // Do any additional setup after loading the view.

 

As I said, I have it really simple so that I can debug the issue prior to including more complexity.

Attached is the storyboard

You are adding a UIView named contentView covering your container views.

This contentView doesn't appear to do anything, other than prevent interaction with the views it is covering.

If you comment-out (or delete) these lines in your configureViewHierarchy() func:

// view.addSubview(contentView)
// contentView.snp.makeConstraints (make) in
// make.left.right.equalTo(view)
// make.bottom.equalTo(view)
// make.top.equalTo(segmentControlView.snp.bottom)
// 

You should be able to interact with elements in your container views.

Although, your code is also setting .alpha values on your container views... I'd recommend using .isHidden instead:

func didSelect(_ segmentIndex: Int) 

 showHome.isHidden = segmentIndex != 0
 showProfile.isHidden = segmentIndex != 1
 showSettings.isHidden = segmentIndex != 2

 // if you need to run other code based on the selected segment
 switch segmentIndex
 
 case 0:
 // SHOWING THE HOME VIEW
 // do other stuff here...

 case 1:
 // SHOWING THE PROFILE VIEW
 // do other stuff here...

 case 2:
 // SHOWING THE SETTINGS VIEW
 // do other stuff here...

 default:
 break;