返回顶部
首页 > 资讯 > 精选 >ios怎么自定义滑杆效果
  • 728
分享到

ios怎么自定义滑杆效果

2023-06-30 10:06:40 728人浏览 泡泡鱼
摘要

本篇内容介绍了“iOS怎么自定义滑杆效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!先让我们看看效果:主要实现的代码:UIImage&nb

本篇内容介绍了“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];

“ios怎么自定义滑杆效果”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: ios怎么自定义滑杆效果

本文链接: https://lsjlt.com/news/328217.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • iOS自定义滑杆效果
    本文实例为大家分享了iOS自定义滑杆的具体代码,供大家参考,具体内容如下 先让我们看看效果: 主要实现的代码: UIImage *thumbWithLevel(float aLev...
    99+
    2024-04-02
  • ios怎么自定义滑杆效果
    本篇内容介绍了“ios怎么自定义滑杆效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!先让我们看看效果:主要实现的代码:UIImage&nb...
    99+
    2023-06-30
  • IOS自定义UIButton九宫格效果
    此篇文章给大家描写如何写自定义九宫格,因为在开发中,这种需求也是常见不少。因此,主要利用UIButton阐述的; 实列不复杂,就两三个步骤完成: 一、定义宽度与高度(self.vie...
    99+
    2022-05-28
    IOS 九宫格
  • Android Switch自定义实现IOS效果
    先看下效果图 自定义View public class Seniorswitch extends Switch { priva...
    99+
    2022-06-06
    switch IOS Android
  • Android自定义StickinessView粘性滑动效果
    design包的出现,Android界面发生了巨大变化,各种滑动配合的效果,下面我就粘性滑动中的一种进行自定义,效果图如下: 大家看到效果了,这里我是继承了LinerL...
    99+
    2022-06-06
    动效 Android
  • android自定义View滑动删除效果
    View滑动删除效果图 实现功能 1、可以向左滑动,右侧出现删除 2、向左滑动如果删除出现一大半,松手打开删除,反之关闭删除 3、应用场景    ...
    99+
    2022-06-06
    view Android
  • HTML5如何实现自带进度条和滑块滑杆效果
    小编给大家分享一下HTML5如何实现自带进度条和滑块滑杆效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!一、H5自带进度条 <div id="d"> &nbs...
    99+
    2023-06-09
  • Android中自定义view实现侧滑效果
    效果图: 看网上的都是两个view拼接,默认右侧的不显示,水平移动的时候把右侧的view显示出来。但是看最新版QQ上的效果不是这样的,但给人的感觉却很好,所以献丑来一发比较高...
    99+
    2022-06-06
    view 自定义view Android
  • android自定义左侧滑出菜单效果
    这里给大家提供一个类似QQ聊天那种可以左侧滑出菜单的自定义控件。希望对大家有帮助。参考了一些网友的做法,自己整理优化了一下,用法非常简单,就一个类,不需要自己写任何的代码,只要添加上...
    99+
    2024-04-02
  • iOS自定义View实现卡片滑动
    本文实例为大家分享了iOS自定义View实现卡片滑动效果的具体代码,供大家参考,具体内容如下 说明 控件基于UIView封装完成,采用UIPanGestureRecognizer监听...
    99+
    2022-06-03
    iOS view 滑动
  • iOS UISegmentControl如何实现自定义分栏效果
    小编给大家分享一下iOS UISegmentControl如何实现自定义分栏效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!具体内容如下iOS 自带的...
    99+
    2023-06-29
  • Android自定义view实现滑动解锁效果
    本文实例为大家分享了Android自定义view实现滑动解锁的具体代码,供大家参考,具体内容如下 1. 需求如下: 近期需要做一个类似屏幕滑动解锁的功能,右划开始,左划暂停。 2. ...
    99+
    2024-04-02
  • Android怎么自定义View实现竖向滑动回弹效果
    这篇文章主要介绍“Android怎么自定义View实现竖向滑动回弹效果”,在日常操作中,相信很多人在Android怎么自定义View实现竖向滑动回弹效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Andro...
    99+
    2023-06-30
  • Android自定义控件实现滑动开关效果
    自定义开关控件   Android自定义控件一般有三种方式 1、继承Android固有的控件,在Android原生控件的基础上,进行添加功能和逻辑。 2、继承V...
    99+
    2022-06-06
    开关 Android
  • Android怎么自定义日历效果
    要自定义Android日历效果,可以使用Android中的CalendarView或者自定义View来实现。以下是一种简单的自定义日...
    99+
    2023-08-16
    Android
  • Android实现自定义滑动式抽屉效果菜单
    在Andoird使用Android自带的那些组件,像SlidingDrawer和DrawerLayout都是抽屉效果的菜单,但是在项目很多要实现的功能都收到Android这些自...
    99+
    2022-06-06
    自定义 菜单 抽屉 Android
  • Android自定义View实现竖向滑动回弹效果
    本文实例为大家分享了Android自定义View实现滑动回弹的具体代码,供大家参考,具体内容如下 前言 Android 页面滑动的时候的回弹效果 一、关键代码 public clas...
    99+
    2024-04-02
  • 怎么在Android中通过自定义view实现滑动解锁效果
    怎么在Android中通过自定义view实现滑动解锁效果?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。自定义view如下@SuppressLint("Clicka...
    99+
    2023-06-15
  • Angular.js如何通过自定义指令directive实现滑块滑动效果
    这篇文章主要介绍Angular.js如何通过自定义指令directive实现滑块滑动效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!方法如下1.下面是我html部分代码,detai...
    99+
    2024-04-02
  • Android自定义TabLayout效果
    周末就要到了,今天项目中遇到这样一个Tab,选中tab的背景是个圆角矩形,方向指向器没有了,这样普通的TabLayout不能满足我的要求,可能会想到动态的去设置选中Tab的背景...
    99+
    2022-06-06
    tablayout Android
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作