title: customizing UISegmentedControl
body: <p>Trying to customize a UISegmentedControl to have the following designs:</p>
  
  <p><a href="https://i.stack.imgur.com/TaHZ0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TaHZ0.png" alt="Gold Segment"></a></p>
  
  <p><a href="https://i.stack.imgur.com/B0OmR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B0OmR.png" alt="Platinum Segment"></a></p>
  
  <p>However, there doesn't seem to be an easy way to customize the UISegmentedControl to look like this.  When I set a background image as a gradient the title is removed, and if i set a title the image is removed.  Nor am i sure how to use a divider image to make that middle portion.  Is there a different way to do this ? (it doesn't have to be a UISegmentedControl if there is an easier way to do this without)</p>