My mind grapes

Archive for July, 2011

Popovers

Popovers. Not only are they a super-tasty pastry, but they’re also a really cool tablet-only UI element.

If you’ve ever used an iPad, then you’ve almost undoubtedly seen popovers before. But just in case you need to refresh your memory, here’s what they look like:

– Popovers are an iPad-only UI element.
– Usually activated by tapping on some element on the screen.
– They can be used to either display information for a user, or to gather information.
– They can be pretty much any height/width as long as they are not larger than the tablet’s screen.
– Popovers are more lightweight and cumbersome than a modal view that takes up the entire screen.

Bam! Pole!:

UIPageControl

Do you need your iOS application to allow users to swipe left and right to change pages? Then a UIPageControl element might be just what you need! Dots at the bottom of the UIPageControl give a visual indication of the number of pages open, as well as the currently selected page. Fun!

You can find examples of this user interface element all over iOS, including switching between open pages in Safari and switching between pages of applications in the iOS home screen (fun fact: the iOS home screen is actually an iOS application itself, and it’s referred to as “Springboard” in the iOS code).

An Example:

And a pole:

UISegmentedControl

Ah, UISegmentedControl. When horizontal pixels are at a premium, you’re always there to help us maximize the number of similar controls we can display.

There are a few different styles that UISegmentedControl can be displayed in, and the basic idea is that we:

– Use UISegmentedControl to group together buttons that are closely related.
– There are always at least 2 segments in a UISegmentedControl, and at least 1 segment must always be “selected.”
– UISegmentedControl elements are always displayed in a horizontal manner, and are usually used for filtering within a view.

Here’s some examples of the different styles of UISegmentedControl:

And, of course, the pole:

Tag Cloud