title: Thumb image in retina not working in UISlider
body: <p>I am working on UISlider in which i have added a Thumb image (slider_iphone.png 53 X 199) over the slider.<img src="https://i.stack.imgur.com/LAoTq.png" alt="without retina image"> But the problem is When i add retina image(slider_iphone@2x.png 106 X 398), the thumb image becomes very wider and longer than the simple image.<img src="https://i.stack.imgur.com/CpNzw.png" alt="with retina"> </p>
  
  <p>I have searched a lot over google and stack overflow but didn't find any solution. Why is it not taking the retina image in correct frame. Please suggest any solution.</p>
  
  <p><strong>Code:</strong> </p>
  
  <pre><code>slider = [[UISlider alloc]initWithFrame:CGRectMake(0.0,180.0,320.0,180.0)];
  
  [slider setMinimumValue:1.0f];
  
  [slider setMaximumValue:10.0f];
  
  [slider addTarget:self action:@selector(sliderMoved:) forControlEvents:UIControlEventValueChanged];
  
  UIImage *sliderTrackImage1 = [[UIImage imageNamed: @"button-transparent.png"] stretchableImageWithLeftCapWidth: 0.0 topCapHeight: 0.0];
  
  UIImage *thumb = [UIImage imageNamed:@"slider_iphone@2x.png"];
  
  [slider setMinimumTrackImage: sliderTrackImage1 forState: UIControlStateNormal];
  [slider setMaximumTrackImage: sliderTrackImage1 forState: UIControlStateNormal];
  [slider setThumbImage:thumb forState:UIControlStateHighlighted];
  [slider setThumbImage:thumb forState:UIControlStateNormal];
  </code></pre>