CustomSliderView

最新推荐文章于 2024-01-14 16:58:37 发布

li1101629180

最新推荐文章于 2024-01-14 16:58:37 发布

阅读量459

点赞数

分类专栏： iOS、技术开发文章标签： UISlider iOS 自定义Slider 吸附效果手势

本文链接：https://blog.csdn.net/li1101629180/article/details/50635167

版权

这篇博客介绍了如何在iOS中自定义一个SliderView，该组件支持手势拖动和点击节点操作，允许用户定制按钮数量和拖动图片。特别的是，它还具备独特的吸附效果，当滑动介于两点之间时，会自动跳转到最近的点。

摘要由CSDN通过智能技术生成

自定义的一个SliderView

手势拖动，也可以点击小的节点。按钮个数可自定义。拖动图片也可自行更换。拖动到两个点之间会有吸附效果，跳到距离更近的点上。

如图

代码：

#import "ViewController.h"
#import "CustomSliderView.h"
@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    CustomSliderView *slider = [[CustomSliderView alloc]initWithFrame:CGRectMake(10, 100, self.view.frame.size.width-10, 50)];
    slider.value = 6;
    [self.view addSubview:slider];
    // Do any additional setup after loading the view, typically from a nib.
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

#import <UIKit/UIKit.h>

@interface CustomSliderView : UIView

/**
 *  显示到第几个按钮 从0开始 0~（btnCount-1）
 */
@property (nonatomic,assign) CGFloat  value;

@end

#import "CustomSliderView.h"

@interface CustomSliderView ()<UIGestureRecognizerDelegate>
{
    int  btnCount;//按钮个数
    
    int  btnSpace;//按钮之间间隙
}
@property (nonatomic,strong) UIView *clipView;

@property