iOS实现音频进度条效果

本文详细介绍了如何在iOS应用中实现音频进度条效果,包括利用layer的mask进行颜色变化以及通过随机数处理不同高度的条纹。通过示例代码和实际效果展示了具体实现过程。
摘要由CSDN通过智能技术生成

这篇文章主要介绍了iOS实现音频进度条效果,本文写了一个小demo通过实例代码相结合的形式给大家详细介绍,需要的朋友可以参考下

话不多说先上效果图

效果图

看到这个效果的时候我感觉相对比较难的点有两点:
一、是这个进度条的进度颜色变化,这里思路还是比较清晰的,直接用layer的mask来做就可以。
二、第二点就是这个各各条条的高度不一致又没有规律可言,在各个方法中我最终选择用随机数来做。
  好了思路清晰了,那就开始撸代码了。
首先创建一个View CYXAudioProgressView

@interface CYXAudioProgressView : UIView
//无动画设置 进度
@property (assign, nonatomic) CGFloat persentage;
//有动画设置 进度 0~1
-(void)setAnimationPersentage:(CGFloat)persentage;
/**
 初始化layer 在完成frame赋值后调用一下
 */
-(void)initLayers;
@end

成员变量及初始化方法

/*条条间隙*/
#define kDrawMargin 4
#define kDrawLineWidth 8
/*差值*/
#define differenceValue 51
@interface CYXAudioProgressView ()<CAAnimationDelegate>

/*条条 灰色路径*/
@property (nonatom
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值