[Swift通天遁地]八、媒体与动画-(11)实现音乐播放的动态视觉效果

本文将演示使用第三方类库实现音乐播放的动态视觉效果。

首先确保已经安装了所需的第三方类库。双击查看安装配置文件【Podfile】

1 platform :ios, ‘12.0’
2 use_frameworks!
3
4 target ‘DemoApp‘ do
5     source ‘https://github.com/CocoaPods/Specs.git‘
6     pod ‘AudioIndicatorBars‘
7 end

根据配置文件中的相关设置,安装第三方类库。

安装完成之后,双击打开项目文件【DemoApp.xcodeproj】

在左侧的项目导航区,打开故事板文件【Main.storyboard】

点击控件库图标,打开控件库的列表窗口。双击视图控件,往故事板中插入一个视图。

点击背景颜色【Background】背景颜色右侧的下拉箭头,弹出颜色预设面板,

选择一种颜色作为视图的背景颜色。

点击尺寸检查器图标,进入尺寸设置面板,修改视图在故事板中的位置。

点击控件库图标,打开控件库的列表窗口。

双击按钮控件,往故事板中插入一个【Play】按钮控件。

在尺寸检查器中设置按钮的X轴和Y轴坐标,设置按钮的Width和Height。

点击属性检查器图标,设置按钮的标题文字。设置按钮的背景颜色Background。

继续添加一个【Stop】按钮并进行相同的设置。选择视图对象,点击身份检查器图标,进入身份设置面板。

Class:AudioIndicatorBarsView

返回属性设置面板,此时在属性设置面板中,多了三个属性设置选项:Corner、Bars、Color

现在将故事板中的控件,与类文件中的属性和方法进行连接。

点击显示辅助器图标,点击隐藏右边的面板区。

在视图上按下鼠标右键,并拖动到右侧的类文件中,从而建立一个和视图绑定的属性。

【Name】:AudioIndicatorBarsView,输入属性的名称。

点击【Connect】,在类文件中,创建一个和视图控件相连接的属性。

接着对【Play】按钮进行连接,

【Connection】:Action

【Name】:PlayAnimation

点击【Connect】,在类文件中,创建一个和按钮控件相连接的动作。

同样对【Play】按钮进行连接,

【Connection】:Action

【Name】:StopAnimation

点击【Connect】,在类文件中,创建一个和按钮控件相连接的动作。

选择用于显示动态视觉效果的视图对象,

打开身份设置面板,设置视图控件的模块属性:【Module】:AudioIndicatorBars

在左侧的项目导航区,打开视图控制器的代码文件【ViewController.swift】

 1 import UIKit
 2 //引入已经安装的第三方类库
 3 import AudioIndicatorBars
 4
 5 class ViewController: UIViewController {
 6
 7     @IBOutlet var audioIndicatorBarsView: AudioIndicatorBarsView!
 8     override func viewDidLoad() {
 9         super.viewDidLoad()
10         // Do any additional setup after loading the view, typically from a nib.
11
12     }
13
14     //在响应播放按钮点击事件的方法中,
15     @IBAction func playAnimation(_ sender: AnyObject) {
16         //通过调用视图对象的开始方法,开始播放视觉动画。
17         self.audioIndicatorBarsView.start()
18     }
19
20     //在响应停止按钮点击事件的方法中,
21     @IBAction func stopAnimation(_ sender: AnyObject) {
22         //通过调用视图对象的停止方法,结束视觉动画的播放。
23         self.audioIndicatorBarsView.stop()
24     }
25
26     override func didReceiveMemoryWarning() {
27         super.didReceiveMemoryWarning()
28         // Dispose of any resources that can be recreated.
29     }
30 }

原文地址:https://www.cnblogs.com/strengthen/p/10354814.html

时间: 2024-10-07 11:00:33

[Swift通天遁地]八、媒体与动画-(11)实现音乐播放的动态视觉效果的相关文章

[Swift通天遁地]八、媒体与动画-(6)使用开源类库快速实现滑入动画

本文将演示使用第三方类库,快速实现一个从上向下滑入的动画. 首先确保已经安装了所需的第三方类库.双击查看安装配置文件[Podfile] 1 platform :ios, '12.0' 2 use_frameworks! 3 4 target 'DemoApp' do 5 source 'https://github.com/CocoaPods/Specs.git' 6 pod 'Spring', :git => 'https://github.com/MengTo/Spring.git' 7 e

[Swift通天遁地]八、媒体与动画-(8)使用开源类库快速实现位移动画

本文将演示使用第三方类库,快速实现位移动画. 首先确保已经安装了所需的第三方类库.双击查看安装配置文件[Podfile] 1 platform :ios, '8.0' 2 use_frameworks! 3 4 target 'DemoApp' do 5 source 'https://github.com/CocoaPods/Specs.git' 6 pod 'Cheetah' 7 end 根据配置文件中的相关设置,安装第三方类库. 安装完成之后,双击打开项目文件[DemoApp.xcodep

[Swift通天遁地]八、媒体与动画-(7)实现多个动画的顺序播放效果

本文将演示使用第三方类库,实现多个动画的顺序播放效果. 首先确保已经安装了所需的第三方类库.双击查看安装配置文件[Podfile] 1 platform :ios, '12.0' 2 use_frameworks! 3 4 target 'DemoApp' do 5 source 'https://github.com/CocoaPods/Specs.git' 6 pod 'Spring', :git => 'https://github.com/MengTo/Spring.git' 7 end

[Swift通天遁地]八、媒体与动画-(9)快速实现复合、Label、延续、延时、重复、缓冲、弹性动画

本文将演示多种动画类型效果. 首先确保已经安装了所需的第三方类库.双击查看安装配置文件[Podfile] 1 platform :ios, '8.0' 2 use_frameworks! 3 4 target 'DemoApp' do 5 source 'https://github.com/CocoaPods/Specs.git' 6 pod 'Cheetah' 7 end 根据配置文件中的相关设置,安装第三方类库. 安装完成之后,双击打开项目文件[DemoApp.xcodeproj] 在左侧

[Swift通天遁地]八、媒体与动画-(10)在项目中播放GIF动画

本文将演示使用第三方类库播放GIF动画. 首先确保已经安装了所需的第三方类库.双击查看安装配置文件[Podfile] 1 platform :ios, '12.0' 2 use_frameworks! 3 4 target 'DemoApp' do 5 source 'https://github.com/CocoaPods/Specs.git' 6 pod 'SwiftGifOrigin', '~> 1.6.1' 7 end 根据配置文件中的相关设置,安装第三方类库. 安装完成之后,双击打开项

[Swift通天遁地]八、媒体与动画-(1)实现音频的播放和停止

本文将演示实现对音频播放的控制. 首先确保在项目中,已经安装了所需的第三方类库,点击查看安装的配置文件. 1 platform :ios, '8.0' 2 use_frameworks! 3 4 target 'DemoApp' do 5 source 'https://github.com/CocoaPods/Specs.git' 6 pod 'CryptoSwift', :git => "https://github.com/krzyzanowskim/CryptoSwift"

[Swift通天遁地]八、媒体与动画-(3)实现视频播放的水印、Overlay、暂停时插入广告等效果

本文将演示使用第三方类库实现视频视频播放的水印.Overlay.暂停时插入广告等效果. 首先确保在项目中,已经安装了所需的第三方类库,点击查看安装的配置文件. 1 platform :ios, '8.0' 2 use_frameworks! 3 4 target 'DemoApp' do 5 source 'https://github.com/CocoaPods/Specs.git' 6 pod 'MobilePlayer' 7 end 根据配置文件中的相关设置,安装第三方类库. 完成安装之后

[Swift通天遁地]八、媒体与动画-(2)实现视频文件的播放和画中画

本文将演示使用AVPlayerViewController播放视频并实现画中画. 往项目中导入了一个视频文件. 在左侧的项目导航区,打开视图控制器的代码文件[ViewController.swift] 1 import UIKit 2 //在当前的类文件中, 3 //引入需要用到的相关类库 4 import AVFoundation 5 import AVKit 6 7 class ViewController: UIViewController, AVPlayerViewControllerD

[Swift通天遁地]八、媒体与动画-(4)给相机添加CoreImage滤镜效果

本文将演示如何给相机添加实时的滤镜效果. 首先打开项目的配置文件[Info.plist],在空白区域点击鼠标右键,弹出右键菜单. 选择[Add Row]添加行命令,添加一行配置选项. 在[Key]键输入框输入相机的访问标识:[Application Category] 在[Value]值输入框输入当应用程序访问相机设备时的提示语: [Requires access to the camera] 在左侧的项目导航区,打开视图控制器的代码文件[ViewController.swift] 现在开始编写