Question

Please see the image below.

How was this ‘pop-up’ view created? Suppose I wanted to completely imitate that view with the fonts, how would I do so?

Answer 1

There is not a SDK exposed component for this, but this could very easily be made using a hierarchy of views:

UIView – Main view. Uses a bezier path to create a protrusion to
point from the source. Has a border and drop shadow added to its
layer.

UIButton – Smaller font
UIButton – Larger font
UIButton – Change font type
UIButton – Container for sepia.
UILabel – “Sepia” text
UISwitch – turning sepia on and off

Just show and hide the view with an animation. Also, create delegate callbacks to tell the delegate when events occur in the popover.

// Delegate returns if the text can get smaller to enable/disable the button
- (BOOL) didSelectSmallerFont:(CGFloat)fontSize;
// Delegate returns if the text can get larger to enable/disable the button
- (BOOL) didSelectLargerFont:(CGFloat)fontSize; 
- (void) didChangeFont:(UIFont*)font;
- (void) didToggleSepia:(BOOL)enabled;

etc.