UISlider自定义总结

最新推荐文章于 2025-06-28 11:00:11 发布

凌愚人

最新推荐文章于 2025-06-28 11:00:11 发布

阅读量526

点赞数

CC 4.0 BY-SA版权

分类专栏： ios 移动开发文章标签： iOS

本文链接：https://blog.youkuaiyun.com/kangli_1990/article/details/49634537

移动开发同时被 2 个专栏收录

199 篇文章

订阅专栏

ios

149 篇文章

订阅专栏

本文总结了如何在iOS中使用UISlider进行自定义，包括设置滑块初始值、响应滑动事件、拉伸图片以实现滑动效果以及调整图片显示方式来改变滑动区域的视觉表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 使用UISlider控件。

UISlider *progressSlider = [[UISlider alloc]initWithFrame:CGRectMake(0, 0, 300, 10)];

    progressSlider.center = CGPointMake(UIScreenW/2, view.frame.size.height*0.3);
    progressSlider.maximumValue = 300;
    progressSlider.minimumValue = 0;

[progressSlider addTarget:self action:@selector(changeValue:) forControlEvents:UIControlEventValueChanged]; //changeValue滑块变动时调用的方法。

[progressSlider addTarget:self action:@selector(changeValue:) forControlEvents:UIControlEventTouchUpInsert];//changeValue滑块变动后调用的方法。

progressSlider.value = 200;

//progressSlider条，自定义图片（2 或者 3）

[self addSubView:progressSlider];

2.拉伸图片《拖动时左边图片全部显示，会随着滑块被拉伸。》

    UIImage *minimumValueImage = [[UIImage imageNamed:@"minImg.png"]stretchableImageWithLeftCapWidth:progressSlider.value topCapHeight:0.0];
    UIImage *maxmumValueImage = [[UIImage imageNamed:@"maxImg.png"]stretchableImageWithLeftCapWidth:progressSlider.maximumValue - progressSlider.value   topCapHeight:0.0];

    [progressSlider setMinimumTrackImage:minimumValueImage forState:UIControlStateNormal];
    [progressSlider setMaximumTrackImage:maxmumValueImage forState:UIControlStateNormal];

3.显示与否《设置两张图片位置大小固定，随滑块显示部分的多少会发生变化》

    UIImage *minimumValueImage = [[UIImage imageNamed:@"minImg.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 14, 0, 14)];
    [progressSlider setMinimumTrackImage:minimumValueImage forState:UIControlStateNormal];
    //    UIImage *barImageRight=[[UIImage imageNamed:@"slider_bar_right"]stretchableImageWithLeftCapWidth:50 topCapHeight:10];
    UIImage *maxmumValueImage = [[UIImage imageNamed:@"maxImg.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 14, 0, 14)];
    [progressSlider setMaximumTrackImage:maxmumValueImage forState:UIControlStateNormal];