Nrthugu

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;

    }



}