iOS swift UISlider改变进度条的高度和圆形滑块的大小

这篇具有很好参考价值的文章主要介绍了iOS swift UISlider改变进度条的高度和圆形滑块的大小。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

iOS swift UISlider改变进度条的高度和圆形滑块的大小,ios,swift,开发语言
文章来源地址https://www.toymoban.com/news/detail-806542.html

1.改变进度条的高度(亲测有效)

import UIKit

class CustomSlider: UISlider {
    // 设置轨道高度
    var trackHeight: CGFloat = 10

    // 重写 trackRect(forBounds:) 方法来自定义轨道的尺寸
    override func trackRect(forBounds bounds: CGRect) -> CGRect {
        // 获取默认的轨道矩形
        var rect = super.trackRect(forBounds: bounds)
        // 修改矩形的高度
        rect.size.height = trackHeight
        return rect
    }
}

// 使用示例
let slider = CustomSlider(frame: CGRect(x: 0, y: 0, width: 200, height: 30))
slider.trackHeight = 20 // 设置进度条的宽度为20点

2.改变圆形滑块的大小(亲测有效)

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        // 创建 UISlider
        let slider = UISlider(frame: CGRect(x: 50, y: 100, width: 300, height: 50))
        self.view.addSubview(slider)

        // 创建一个50x50点的自定义滑块图像
        let thumbImage = UIImage(named: "customThumbImage") // 确保您有一个名为 "customThumbImage" 的50x50点的图像
        slider.setThumbImage(thumbImage, for: .normal)
    }
}

  • 用下面的方法圆形滑块的大小没有变化
import UIKit

class CustomSlider: UISlider {
    // 设置滑块的大小
    var thumbSize: CGSize = CGSize(width: 30, height: 30)

    // 重写 thumbRect 方法来自定义滑块的尺寸
    override func thumbRect(forBounds bounds: CGRect, trackRect rect: CGRect, value: Float) -> CGRect {
        // 获取默认的滑块矩形
        let defaultRect = super.thumbRect(forBounds: bounds, trackRect: rect, value: value)
        // 计算新的滑块矩形
        let newRect = CGRect(x: defaultRect.origin.x, y: defaultRect.origin.y + (defaultRect.size.height - thumbSize.height) / 2, width: thumbSize.width, height: thumbSize.height)
        return newRect
    }
}

// 使用示例
let slider = CustomSlider(frame: CGRect(x: 0, y: 0, width: 200, height: 30))
slider.thumbSize = CGSize(width: 40, height: 40) // 设置滑块的大小为40x40

到了这里,关于iOS swift UISlider改变进度条的高度和圆形滑块的大小的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • shell 编写一个带有进度条的程序安装脚本

    使用 shell 写一个 软件安装脚本,带有进度条 在这个示例中,使用 ANSI 转义序列来实现覆盖原来的打印信息,并保持进度条在同一行显示。通过使用 r 进行回车,然后使用 \\033[K 清除当前行的内容,可以实现覆盖效果。 在 print_progress 函数中,首先清除当前行的内容,然后构

    2024年02月11日
    浏览(47)
  • 解决mp4视频无法拖动进度条的问题

    现象: 海康威视的监控摄像头保存的视频,,mp4格式, 大小1G。用PotPlayer播放器进行播放, 不拖动进度条的话可以正常播放, 但拖动进度条后, 视频无法正常播放, 在 PotPlayer 中的表现就是只有进度条在走,视频画面停留在拖动前的画面。 PS: 同时保存的有多个监控视频,

    2024年02月03日
    浏览(276)
  • Android studio实现圆形进度条

    参考博客 效果图 MainActivity CircleProgressBar activity_main.xml value/attrs.xml

    2024年02月10日
    浏览(38)
  • 21.CSS的动态圆形进度条

    2024年02月09日
    浏览(44)
  • 15.鸿蒙HarmonyOS App(JAVA)进度条与圆形进度条

    15.鸿蒙HarmonyOS App(JAVA)进度条与圆形进度条 MainAbilitySlice.java

    2024年01月17日
    浏览(47)
  • Android 自定义View之圆形进度条

    很多场景下都用到这种进度条,有的还带动画效果, 今天我也来写一个。 写之前先拆解下它的组成: 底层圆形 上层弧形 中间文字 那我们要做的就是: 绘制底层圆形; 在同位置绘制上层弧形,但颜色不同; 在中心点绘制文本,显示进度。 按照这个目标,学习下自定义Vi

    2024年02月09日
    浏览(44)
  • 【探索Linux世界|中秋特辑】--- 倒计时和进度条的实现与演示

    个人主页:兜里有颗棉花糖 欢迎 点赞👍 收藏✨ 留言✉ 加关注💓本文由 兜里有颗棉花糖 原创 收录于专栏【Linux专栏】🎈 本专栏旨在分享学习Linux的一点学习心得,欢迎大家在评论区讨论💌 演示环境: centos7 在编写进度条之前我们需要先了解Linux缓冲区的知识。 下图是

    2024年02月08日
    浏览(39)
  • 在unity中实现视频的暂停播放和拖拽进度条的功能

    #Unity中实现视频的暂停播放和拖拽进度条的功能 在UI上,视频包含一个播放、暂停和停止按钮,以及一个拖动条,可以使用这些按钮来控制视频的播放,使用拖动进度条来调整视频的播放进度。 1.建立一个UI,导入视频素材,然后将视频拖放到场景中。 2.建立一个Canvas对象作

    2024年02月07日
    浏览(47)
  • 【Kotlin】使用 ProgressBar 的样式属性来实现圆形进度条,进度使用gradient渐变效果

    Android ProgressBar 默认提供了水平和圆形两种进度条,水平进度条通过 ProgressBar 控件实现,而圆形进度条通过 ProgressDialog 控件实现。如果想要将 ProgressBar 控件设置为圆形进度条,可以使用 ProgressBar 的样式属性来实现。 首先,在布局文件中添加一个 ProgressBar 控件,并设置其样

    2024年02月10日
    浏览(44)
  • 【D01】Django中实现带进度条的倒计时功能(简易版)

    首先说明简易版是只有一个 倒计时 和一个 进度条 ,页面加载后自动开始计时,下次计时需要手动刷新页面。 后续会更新实现完整的倒计时功能的文章 前端框架 你需要准备一些前端框架: Bootstrap4 和 jQuery 安装方法请自行查阅官方文档或教程 Bootstrap4:https://v4.bootcss.com/do

    2023年04月12日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包