title: How are these two iPhone UI pieces accomplished?
body: <p>This might be trivial for some of you, but I have two screenshots from the Lose It! app in which I'm curious how two different screens were put together.</p>
  
  <p>The first: 
  <img src="https://i.stack.imgur.com/ybcm3.jpg" alt="http://dl-client.getdropbox.com/u/57676/screenshots/loseit1.jpg"></p>
  
  <p>That middle graph which shows the statistics chart. Is that a custom image being drawn on top of with Core Graphics / Quartz to achieve the desired numbers? Is the yellow line that's being dynamically allocated all the work of Quartz?</p>
  
  <p>And second: 
  <img src="https://i.stack.imgur.com/1C3QO.jpg" alt="http://dl-client.getdropbox.com/u/57676/screenshots/loseit2.jpg"></p>
  
  <p>This one might be a bit easier, but the whole bar which looks like a native UIKit widget, which contains [Budget, Food, Exercise, Net, Under]. There appears to be a drop shadow above it. Are they doing a drop shadow on the UINavigationBar? Is the menu below it just a UIImage that a designer was able to craft to look like the UINavigationBar?</p>
  
  <p>If there's a blog out there which teaches UI tricks such as these, I'd love to read more.</p>