基于iOS实现音乐震动条效果_网络技术_宿州市腾雀网络科技有限公司

基于iOS实现音乐震动条效果

发布时间 - 2026-01-11 02:27:45 点击率：次

一、简单分析

音乐震动条不需要与用户交互。我们可以使用复制层来操作。添加震动条。添加动画。

复制层说明

//创建复制层
-(void)createRepl{
 //复制层
 CAReplicatorLayer * repL = [CAReplicatorLayer layer];
 repL.frame = self.contentV.bounds;
 //复制6份
 repL.instanceCount = 6;
 //形变，每一个形变都是相对于上一个复制出来的子层开始的
 repL.instanceTransform = CATransform3DMakeTranslation(45, 0, 0);
 //动画延时执行
 repL.instanceDelay = 0.5;
 ///要设置复制层的颜色 原始层的颜色要设为白色.
 repL.instanceColor = [UIColor redColor].CGColor;
 [self.contentV.layer addSublayer:repL];

 self.repL = repL;
}

二、代码

//
// ViewController.m
// 03_UIView75_音乐震动条
//
// Created by 杞文明 on 17/7/21.
// Copyright © 2017年 杞文明. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIView *contentV;
@property (weak,nonatomic) CAReplicatorLayer * repL;
@property (weak,nonatomic) CALayer * layer;
@end

@implementation ViewController

- (void)viewDidLoad {
 [super viewDidLoad];

 //1.创建复制层次
 [self createRepl];

 //2.添加音量震动条
 [self addVoiceBar];

 //3.添加动画
 [self addAnimation];
}


//创建复制层
-(void)createRepl{
 //复制层
 CAReplicatorLayer * repL = [CAReplicatorLayer layer];
 repL.frame = self.contentV.bounds;
 //复制6份
 repL.instanceCount = 6;
 //形变，每一个形变都是相对于上一个复制出来的子层开始的
 repL.instanceTransform = CATransform3DMakeTranslation(45, 0, 0);
 //动画延时执行
 repL.instanceDelay = 0.5;
 ///要设置复制层的颜色 原始层的颜色要设为白色.
 repL.instanceColor = [UIColor redColor].CGColor;
 [self.contentV.layer addSublayer:repL];

 self.repL = repL;
}

//添加音量震动条
-(void)addVoiceBar{
 CALayer * layer = [CALayer layer];
 layer.frame = CGRectMake(0, self.contentV.bounds.size.height-150, 30, 150);
 layer.backgroundColor = [UIColor whiteColor].CGColor;

 layer.position = CGPointMake(0, self.contentV.bounds.size.height);
 layer.anchorPoint = CGPointMake(0, 1);

 [self.repL addSublayer:layer];
 self.layer = layer;
}

//添加动画
-(void)addAnimation{
 //添加动画 对y方向缩放
 CABasicAnimation * anim = [CABasicAnimation animation];
 //设置属性
 anim.keyPath = @"transform.scale.y";
 anim.toValue = @0;
 anim.repeatCount = MAXFLOAT;
 anim.autoreverses = YES;
 anim.duration = 0.5;
 [self.layer addAnimation:anim forKey:nil];
}

@end

三、图示

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

# iOS # 音乐 # 震动条 # iOS中关于Taptic-Engine震动反馈的深入解析 # IOS开发实现手机震动的提示实例代码 # iOS仿微信摇一摇动画效果加震动音效实例 # iOS中震动反馈（UIFeedbackGenerator）与系统震动详解 # 都是 # 设为 # 相对于 # 不需要 # 可以使用 # 大家多多 # reserved # import # ViewController # addSublayer # CGColor # instanceColor # Created # redColor # UIColor # Copyright # copy # 文明 # rights # createRepl

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：Debian系统中GitLab的资源占用情况

下一篇：微信文件助手网页版能否预览Office文件_微信文件助手网页

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：Debian系统中GitLab的资源占用情况

下一篇：微信文件助手网页版能否预览Office文件_微信文件助手网页