ios 自定义滑杆

先让我们看看效果：

主要实现的代码：

UIImage *thumbWithLevel(float aLevel)
{float INSET_AMT = 1.5f;CGRect baseRect = CGRectMake(0, 0, 40, 100);CGRect thumbRect = CGRectMake(0, 40, 40, 20);UIGraphicsBeginImageContext(baseRect.size);CGContextRef context = UIGraphicsGetCurrentContext();[[UIColor darkGrayColor] setFill];CGContextAddRect(context, CGRectInset(thumbRect, INSET_AMT, INSET_AMT));CGContextFillPath(context);[[UIColor whiteColor] setStroke];CGContextSetLineWidth(context, 2);CGContextAddRect(context, CGRectInset(thumbRect, 2 * INSET_AMT, 2 * INSET_AMT));CGRect ellipseRect = CGRectMake(0, 0, 40, 40);[[UIColor colorWithWhite:aLevel alpha:1] setFill];CGContextAddEllipseInRect(context, ellipseRect);CGContextFillPath(context);NSString *numString = [NSString stringWithFormat:@"%0.2f",aLevel];UIColor *textColor = (aLevel > 0.5) ? [UIColor blackColor] : [UIColor whiteColor];UIFont *font = [UIFont fontWithName:@"Georgia" size:15];NSMutableParagraphStyle *style = [[NSMutableParagraphStyle alloc] init];style.lineBreakMode = NSLineBreakByCharWrapping;style.alignment = NSTextAlignmentCenter;NSDictionary *attr = @{NSFontAttributeName:font,NSParagraphStyleAttributeName:style,NSForegroundColorAttributeName:textColor};[numString drawInRect:CGRectInset(ellipseRect, 0, 6) withAttributes:attr];[[UIColor grayColor] setStroke];CGContextSetLineWidth(context, 3);CGContextAddEllipseInRect(context, CGRectInset(ellipseRect, 2, 2));CGContextStrokePath(context);UIImage *theImage = UIGraphicsGetImageFromCurrentImageContext();UIGraphicsEndImageContext();return  theImage;
}

在这里我们通过context的方法将图片画出了，对于性能有点要求，但是现在应该不在乎这点性能了

- (void)updateThumb
{if ((self.value < 0.98) && (ABS(self.value - previousValue) < 0.1f)) {return;}UIImage *customImg = thumbWithLevel(self.value);[self setThumbImage:customImg forState:UIControlStateHighlighted];previousValue = self.value;
}

通过滑块的值来使上面的值进行变化，更加的直观

   [self setThumbImage:simpleThumb() forState:UIControlStateNormal];[self addTarget:self action:@selector(startDrag:) forControlEvents:UIControlEventTouchDown];[self addTarget:self action:@selector(updateThumb) forControlEvents:UIControlEventValueChanged];[self addTarget:self action:@selector(endDrag:) forControlEvents:UIControlEventTouchUpOutside | UIControlEventTouchUpInside];

对于不同的状态来进行不同的操作，让滑杆的用户体验度更加的完整

ios 自定义滑杆相关推荐

一劳永逸，iOS 自定义 ActionSheet 封装流程
原文链接:http://www.jianshu.com/p/cfb87a7db7b1 本文为 iOS 自定义视图封装<一劳永逸>系列的第四期,旨在提供封装思路,结果固然重要,但理解过程才最 ...
iOS自定义View 控件自动计算size能力
iOS自定义View 控件自动计算size能力背景在使用 UILabel 和 UIImage 的时候,不用指定宽高约束,控件也不会报约束缺失,还可以根据内容自己确定适合的宽高,特别适合 Xib 和 ...
ios 自定义字体_如何仅用几行代码在iOS应用中创建一致的自定义字体
ios 自定义字体 by Yuichi Fujiki 藤木雄一 In this article, you'll learn how to create a unified custom look th ...
iOS自定义组与组之间的距离以及视图
iOS自定义组与组之间的距离以及视图 //头视图高度 - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(N ...
iOS 自定义转场动画浅谈
代码地址如下: http://www.demodashi.com/demo/11612.html 路漫漫其修远兮,吾将上下而求索前记想研究自定义转场动画很久了,时间就像海绵,挤一挤还是有的,花了差 ...
php使用自定义alert,IOS_iOS自定义alertView提示框实例分享，本文实例为大家分享iOS自定义a - phpStudy...
iOS自定义alertView提示框实例分享本文实例为大家分享iOS自定义alertView提示框,先上图,弹框的背景色,按钮背景色,提示的消息的字体颜色都可以改变利用单例实现丰富的自定义接口 / ...
ios cell点击对勾_带图像和对勾的iOS自定义TableView
ios cell点击对勾 In this tutorial, we'll be developing an iOS Application that contains a custom TableVi ...
iOS 自定义无限循环滚动广告动画控件
iOS 自定义无限循环广告动画控件自定义循环滚动的广告控件,支持水平和竖直两个动画方向,页码标记是自定义的,可以随意控制大小位置和颜色等效果图: 下载地址: https://github.com ...
Hbuildx打包ios自定义基座
Hbuildx篇 uniapp打包ios自定义基座 IOS打在线包烧钱又不好调试,要想达到与代码同步的测试效果只能安装自定义基座,为此踩了无数的坑,特别记录一下. 1.制作自定义基座 2.运行基座这 ...

ios 自定义滑杆

ios 自定义滑杆相关推荐

最新文章

热门文章