iOS - UISlider 的自定义图像答案

【问题标题】：iOS - custom image for UISlideriOS - UISlider 的自定义图像
【发布时间】：2012-07-05 16:02:04
【问题描述】：

我想为 UISlider 轨道使用图像。我不希望拇指左边有一种颜色，右边有另一种颜色。我只想在整个轨道上放一张静态图像。可能吗？

【问题讨论】：

【解决方案1】：

要为滑块设置图像，您可以使用 setMinimumTrackImage、setMaximumTrackImage 方法。根据您的要求，将两者都设置为相同的图像。

iOS 5 及以下

UIImage *sliderTrackImage = [[UIImage imageNamed: @"Slider.png"] stretchableImageWithLeftCapWidth: 7 topCapHeight: 0];

[mySlider setMinimumTrackImage: sliderTrackImage forState: UIControlStateNormal];
[mySlider setMaximumTrackImage: sliderTrackImage forState: UIControlStateNormal];

iOS 5+

UIImage *sliderTrackImage = [[UIImage imageNamed:@"Slider.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 7, 0, 0)];

[mySlider setMinimumTrackImage: sliderTrackImage forState: UIControlStateNormal];
[mySlider setMaximumTrackImage: sliderTrackImage forState: UIControlStateNormal];

更多信息请查看以下链接：

【讨论】：

谢谢。这行得通。我不需要它是可拉伸的，所以我只使用了 imageNamed。
stretchableImageWithLeftCapWidth:topCapHeight: 已弃用。将其替换为resizableImageWithCapInsets:UIEdgeInsetsMake(0, 7, 0, 7) resizingMode:UIImageResizingModeStretch。
@IulianOnofrei：感谢您的通知，我已经编辑了答案。
图片的尺寸应该是多少？

【解决方案2】：

[[UISlider appearance] setThumbImage:[UIImage imageNamed:@"ball.png"] forState:UIControlStateNormal];
[slider setMinimumTrackImage:[[UIImage imageNamed:@"volume_slider_oragne.png"] stretchableImageWithLeftCapWidth:0.3 topCapHeight:0.0] forState:UIControlStateNormal];
[slider setMaximumTrackImage:[[UIImage imageNamed:@"volume_strap_gry.png"] stretchableImageWithLeftCapWidth:0.3 topCapHeight:0.0] forState:UIControlStateNormal];

【讨论】：

[[UISlider 外观] setThumbImage:[UIImage imageNamed:@"ball.png"] forState:UIControlStateHighlighted];以及避免拇指在滑动时返回其原始图像。

【解决方案3】：

只需将两侧设置为相同的图像。如果您想要两端的圆角，您可能想要制作两个具有相同颜色/图案的单独图像。

【讨论】：