Alright, let's discuss the picker UI element now. So a picker displays a set of values from which the user picks one. picker includes one or more scrollable lists of distinct values. There is king airplane flying over the sky. It makes noise and doesn't let me record. A picker includes one or more scrollable lists of distinct values, each of which has a single selected value.

So the picker can include multiple wheels, as we can see in this example. Use a beaker to make it easy for people to choose one item from a set of values. A picker is open displayed at the bottom of the screen or in a popover when the user is editing a field or tapping a menu. But speakers can also appear in line such as while editing that date In a calendar event, the height of a picker is roughly the height of five rows of least values. The width of the picker is either the width of the screen or its enclosing view. Depending on the device and the context.

Picker cannot be resized. It uses darker text to display the current value, and it displays it in the middle of the view. In general, use a beaker when users are familiar with the entire set of values. Because many of the values that hidden when the wheel is stationary, it's best when users can predict what the values are. If you need to provide a large set of choices that aren't well known to your users, a picker might not be the appropriate control. In that case, you can use the table view.

You should also use the table view instead of a picker if you need to display a large number of values. This is because the unlimited height of a table view makes it easier to see all the options and makes scrolling faster and easier as well. Lastly, avoid switching screens to show a picker. picker works well when displayed in context below or in close proximity to the field being edited.