自定义进度条样式

最新推荐文章于 2022-11-02 11:25:19 发布

Peaceful_Girl

最新推荐文章于 2022-11-02 11:25:19 发布

阅读量672

点赞数

分类专栏： iOS学习笔记文章标签：视频

本文链接：https://blog.csdn.net/Peaceful_Girl/article/details/48826321

版权

在制作播放器时，需要实现一种特殊的进度条样式，包括可拖拽的圆圈进度显示播放时间。通过使用UIProgressView作为进度条基础，并在上面添加Label来实时显示播放进度，同时为Label添加手势监听，实现调整播放进度的功能。在实现过程中，需要注意在progress的父视图上添加showView以确保手势的灵敏度。

摘要由CSDN通过智能技术生成

前言：
最近在做和播放器相关的东西。其中涉及的一项就是视频播放的进度条展示。根据需求，我们要实现以下样式的进度条，能够拖拽控制视频的播放进度。
进度条样式：
这里写图片描述

其实中间的“圆圈进度”是要不断显示进度时间的。

实现办法：
1.除去“开始播放”按钮和显示整体时间的Label。要考虑综合的progress。
2.那么好，我的方案如下：
（1）进度条用原生的UIProgressView
（2）在进度条上添加个label显示视频的播放进度，给label添加手势，可改变视频的播放进度。
实现代码：

 //进度条
    UIProgressView *progressView = [[UIProgressView alloc]init];
    [self.view addSubview:progressView];
    [progressView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(beginPlayButton.mas_right).offset(5.0);
        make.centerY.equalTo(beginPlayButton.mas_centerY);
        make.right.equalTo(wholeTimeLabel.mas_left).offset(-5.0);
    }];
    progressView.tintColor = [UIColor yellowColor];
    progressView.trackTintColor = [[UIColor blackColor]colorWithAlphaComponent:0.4];
    self.progress = progressView;


    UIView *showView = [[UIView alloc]init];
    [progressView.superview addSubview:showView];
    [showView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerY.equalTo(progressView.mas_centerY);
        make.width.equalTo(