像Apple Music这样的UISlider

时间:2015-07-16 17:27:51

标签: ios objective-c uislider

新的Apple Music非常轻巧,极简主义且定制UISliderUISlider图片似乎是在drawRect()方法中绘制的。如何制作类似的东西?

enter image description here

1 个答案:

答案 0 :(得分:2)

UISlider公开属性,以便您可以修改拇指左侧和右侧的“拇指”(圆形部分)和轨道的色调颜色或图像。您还可以为轨道和拇指子类并提供不同的帧。您还可以使用UIAppearance在应用中的所有幻灯片上调整这些属性。

This Ray Wenderlich tutorial介绍了如何自定义滑块的外观以及许多其他控件。要点,如果链接断开:

UIImage *minImage = [[UIImage imageNamed:@"slider_minimum"]
    resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 0)];
UIImage *maxImage = [[UIImage imageNamed:@"slider_maximum"]
    resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 0)];
UIImage *thumbImage = [UIImage imageNamed:@"thumb"];

[[UISlider appearance] setMaximumTrackImage:maxImage
    forState:UIControlStateNormal];
[[UISlider appearance] setMinimumTrackImage:minImage
    forState:UIControlStateNormal];
[[UISlider appearance] setThumbImage:thumbImage
    forState:UIControlStateNormal];