ios自定义滑杆效果

本文实例为大家分享了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];

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

时间: 2022-04-24

iOS中的UISlider滑块组件用法总结

PC上的滑块是很丑陋的,因为我们只能通过鼠标去拖动他.不过当Jobs把它移植到IOS上时一切变得酷起来,因为我们可以通过手指去拖动它,这种感觉是很妙的. 滑块为用户提供了一种可见的做范围调整的方法,用户可以通过拖动一个滑动条改变它的值,并且可以对其配置以合适不同值域.你可以设置滑块值的范围,也可以在两端加上图片,以及进行各种调整让它更美观.滑块非常适合用于表示在很大范围(但不精确)的数值中进行选择,比如音量设置.灵敏度控制等诸如此类的用途. 一.创建 滑块是一个标准的UIControl.我们可以

iOS中sqlite数据库的原生用法

在iOS中,也同样支持sqlite.目前有很多第三方库,封装了sqlite操作,比如swift语言写的SQLite.swift.苹果官网也为我们封装了一个框架:CoreData. 它们都离不开Sqlite数据库的支持. 本文主要介绍下,如何在swift中使用原生的sqlite的API. 在Xcode中引入sqlite API 新建一个swift项目后,我们需要让项目引入sqlite的动态链接库: 1.项目配置界面,选择Build Phases 2.点开Link Binary With Libra

ios中Deep Linking实例分析用法

在 iOS 中,deep linking 实际上包括 URL Scheme.Universal Link.notification 或者 3D Touch 等 URL 跳转方式.应用场景比如常见的通知,社交分享,支付,或者在 webView 中点击特定链接在 app 中打开并跳转到对应的原生页面. 用的最多也是最常用的是通过 Custom URL Scheme 来实现 deep linking.在 application:openURL:sourceApplication:annotation

iOS中NSNumberFormatter的介绍与用法

前言 iOS中NSDateFormatter用的范围一般来说比较广泛,不过相对于处理数字而言,很少用到NSNumberFormatter,NSNumberFormatter中有很多枚举类型,会为实际开发节省时间. NSNumberFormatter可以用来处理NSString和NSNumber之间的转化,可以满足基本的数字形式的转化.下面话不多说了,来一起看看详细的介绍吧 1:使用+ localizedStringFromNumber:numberStyle:本地化方法格式化NSNumber到N

iOS App开发中的UISegmentedControl分段组件用法总结

UISegmentedControl分段控件代替了桌面OS上的单选按钮.不过它的选项个数非常有限,因为你的IOS设备屏幕有限.当我们需要使用选项非常少的单选按钮时它很合适. 一.创建 复制代码 代码如下: UISegmentedControl* mySegmentedControl = [[UISegmentedControl alloc]initWithItems:nil]; 是不是很奇怪没有指定位置和大小呢?没错,我确实在他的类声明里只找到 initWithItems 而未找到 initWi

iOS中UIAlertView警告框组件的使用教程

1. 最简单的用法 初始化方法: 复制代码 代码如下: - (instancetype)initWithTitle:(NSString *)title message:(NSString *)message delegate:(id /*<UIAlertViewDelegate>*/)delegate cancelButtonTitle:(NSString *)cancelButtonTitle otherButtonTitles:(NSString *)otherButtonTitles,

iOS中的UIStepper数值加减器用法指南

UIStepper可以连续增加或减少一个数值.控件的外观是两个水平并排的按钮构成,一个显示为"+",一个显示为"-". 该控件的一个有趣的特征是当用户按住"+","-"按钮时,根据按住的时间长度,空间值的数字也以不同的数字改变.按住的时间越长,数值改变的越快.可以为UIStepper设定一个数值范围,比如0-99. 它的显示效果如下: 1. 属性说明 value: 当前所表示的值,默认为0.0: minimumValue: 最

iOS中UIAlertView3秒后消失的两种实现方法

一,效果图. 二,代码. - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. UIAlertView* alert = [[UIAlertView alloc]initWithTitle:nil message:@"此信息3秒后消失" delegate:nil cancelButtonTitle:nil ot

IOS开发中NSURL的基本操作及用法详解

NSURL其实就是我们在浏览器上看到的网站地址,这不就是一个字符串么,为什么还要在写一个NSURL呢,主要是因为网站地址的字符串都比较复杂,包括很多请求参数,这样在请求过程中需要解析出来每个部门,所以封装一个NSURL,操作很方便. 1.URL URL是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址.互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它. URL可能包含远程服务器上的资源的位置,本地磁盘上的文件的路径,甚

iOS中 valueForKeyPath常用用法

1.valueForKeyPath可以获取数组中的最小值.最大值.平均值.求和.代码如下: NSArray *array = @[@10, @23, @43, @54, @7, @17, @5]; + (NSString *)caculateArray:(NSArray *)array { CGFloat sum = [[array valueForKeyPath:@"@sum.floatValue"] floatValue]; CGFloat avg = [[array valueF