Using a UIPickerView as input for another control

August 30, 2019 · 1 min read

The Problem

You want to offer a pre-selected list of options to a user. This helps protect the content that gets entered into another control like a label or a text field or maybe even just an entry to be stored in a database.

The Solution

So the solution is actually very straight forward, give them a picker that they can scroll to find the desired selection in. As that value changes, you can take that selection and put it somewhere else in your application. In this example, we change the value of a label.

The Steps

  1. Place the UIPickerView and Label on the storyboard.
  2. Make the view controller the delegate and data source for the UIPickerView.
  3. Add the needed protocols for acting as a delegate.
  4. Add an outlet for the label so we can access it’s value in code.
  5. Provide data to the UIPickerView.
  6. Make use of the pickerView:didSelectRow:inComponent: to detect changes and update the label.

The Video




Subscribe to site
Peter Witham

Web and Mobile Software Maker, Photographer and Podcaster. I live and breath creativity.
I'd love for you to connect with me via Twitter or if you are a photo person like myself, Instagram.