title: Custom TabBarController with active circle
body: <p>After reading a few articles about custom UITabBarControllers, I am left more confused than before I even started doing the research in the first place.</p>
  
  <p>My goal is to create a custom TabBar with 3 important properties:</p>
  
  <ul>
  <li>No text, just icons</li>
  <li>The active icon is marked by a circle filled with a color behind it, and therefore needs a different icon color</li>
  </ul>
  
  <p>Here's what I am trying to achieve:</p>
  
  <p><a href="https://i.stack.imgur.com/sPYtR.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sPYtR.jpg" alt="Example Tab Bar"></a></p>
  
  <p>I've been able to remove the text and center the icon by following another StackOverflow answer (<a href="https://stackoverflow.com/questions/26494130/remove-tab-bar-item-text-show-only-image">Remove tab bar item text, show only image</a>), although the solution seems like a hack to me. </p>
  
  <p><strong>How would I go about creating a circle behind the item and change the active item's color?</strong></p>
  
  <p>Also, would someone mind explaining the difference between the XCode inspector sections "Tab Bar Item" and "Bar Item", which appear directly under each other?</p>