title: Custom iPhone UISlider to look like the iPod app volume control
body: <p>So I have a <code>UISlider</code> which I'm customizing with some images:</p>
  
  <pre><code>UIImage *stetchLeftTrack = [[UIImage imageNamed:@"slider_blue.png"] stretchableImageWithLeftCapWidth:9.0 topCapHeight:0.0];
  UIImage *stetchRightTrack = [[UIImage imageNamed:@"slider_white.png"] stretchableImageWithLeftCapWidth:9.0 topCapHeight:0.0];
  [volumeSlider setThumbImage: [UIImage imageNamed:@"slider_blob.png"] forState:UIControlStateNormal];
  [volumeSlider setMinimumTrackImage:stetchLeftTrack forState:UIControlStateNormal];
  [volumeSlider setMaximumTrackImage:stetchRightTrack forState:UIControlStateNormal];
  </code></pre>
  
  <p>I'm actually just trying to copy the volume controls as seen in the iPod app (which AFAIK you can't do in code). Because I'm using high res images, it draws everything huge on the app like so:
  <img src="https://i.stack.imgur.com/cpY1U.png" alt="enter image description here"></p>
  
  <p>When actually the desired effect is:
  <img src="https://i.stack.imgur.com/JAjq0.png" alt="enter image description here"></p>
  
  <p>If I scale down the actual images, I lose the quality and it looks rubbish and blurry! So I'm looking to do this in code but got a bit lost...</p>