Skip to content

duf1991/LPDSliderView

Repository files navigation

LPDSliderView

CI Status Version License Platform Gitter

由于业务需求,需要在项目中加入滑动控件,但在网上搜索一番发现并没有比较合适的资源,要么过于陈旧,还是采用 touchBegan 等方法实现,过于繁琐且效果不佳,要么达不到业务要求,因此决定自己定制一个滑动控件。

预览

gif

可以看到,我们可以自定义 LPDSliderView 的 frame,color,边框,文本的属性,以及可以通过 LPDSliderViewDelegate 中的 sliderValueChanged 和 sliderValueChangeEnded 去随时监听滑块的位置,以便完成相应的业务逻辑。

第一次发布开源库,若发现有误或者建议,欢迎 issue,谢谢~

示例

  1. 利用 git clone 命令下载本仓库;
  2. 利用 cd 命令切换到 Example 目录下,执行 pod install 命令;
  3. 随后打开 LPDSliderView.xcworkspace 编译即可。

或执行以下命令:

git clone [email protected]:duf1991/LPDSliderView.git; cd LPDSliderView/Example; pod install; open LPDSliderView.xcworkspace

需求

XCode 9.0+

安装

LPDSliderView 可以通过 CocoaPods 进行获取。只需要在你的 Podfile 中添加如下代码就能实现引入:

pod "LPDSliderView"

使用

// 初始化 frame 以及滑块宽度,滑块图片
_sliderView = [[LPDSliderView alloc] initWithFrame:CGRectMake(40, 100, 300, 80) withHandleWith:80 withHandleImage:[UIImage imageNamed:@"icon_arrow_slide"]];
// [_sliderView.layer setBorderWidth:0.0];//可以设置是否显示边框
// 设置背景颜色,滑块颜色,滑块左部view颜色,整个边框颜色
[_sliderView setColorsForBackground:[UIColor grayColor] foreground:[UIColor blueColor] handle:[UIColor redColor] border:nil];
_sliderView.delegate = self;
// 设置文本的相关属性
_sliderView.label.text = @"确认到店";
_sliderView.label.font = [UIFont systemFontOfSize:25];
_sliderView.label.textColor = [UIColor whiteColor];
[self.view addSubview:_sliderView];

#pragma mark -- LPDSliderView代理方法
// 随时监听滑块的滑动位置
- (void)sliderValueChanged:(LPDSliderView *)sender {
    NSLog(@"滑块位置:%f",sender.value);
}
// 监听滑动结束时滑块的位置
- (void)sliderValueChangeEnded:(LPDSliderView *)sender {
    if(_sliderView.value == 1){
        NSLog(@"欧耶!");
    }
}

作者

Du Yingfeng, [email protected]

协议

LPDSliderView 基于 MIT 协议进行分发和使用,更多信息参见协议文件。

About

一个简单好用的滑动控件!

Resources

License

Stars

Watchers

Forks

Packages

No packages published