ios - 像 Apple Music 这样的 UISlider

Question

新的 Apple Music 具有非常轻巧、极简和定制的 UISlider。 UISlider 图像似乎是在它的drawRect() 方法中绘制的。如何制作类似的东西？

Answer 1

UISlider公开属性，以便您可以修改“拇指”(圆圈部分)的色调颜色或图像以及拇指左右两侧的轨道。您还可以子类化并为轨道和拇指提供不同的框架。您还可以使用 UIAppearance 调整应用中所有 slider 的这些属性。 .

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

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];