Cool Animated music indicator view written in Swift

Aufree

Last update: Nov 28, 2022

Related tags

UI ESTMusicIndicator

Overview

Cool Animated music indicator view written in Swift.

ESTMusicIndicator is an implementation of NAKPlaybackIndicatorView in Swift for iOS 8.

本人著作的书籍《Laravel 入门教程》已正式发布，有兴趣的朋友可点击此处作进一步了解。

You may interested in my other project

PHPHub-iOS PHPHub for iOS is the universal iPhone and iPad application for PHPHub.
ESTMusicPlayer An elegant and simple iOS music player.
ESTCollectionViewDropDownList A demo implementation of a drop down tag list view for iOS.
Hodor A simple solution to localize your iOS App quickly.

Requirements

An iPhone/iPad running iOS 8.0+
Xcode 7.0 or above

Screenshots

Run the Demo

$ open Example/ESTMusicIndicator.xcodeproj

Installation

CocoaPods

CocoaPods is a dependency manager for Cocoa projects.

CocoaPods 0.36 adds supports for Swift and embedded frameworks. You can install it with the following command:

$ gem install cocoapods

To integrate ESTMusicIndicatorView into your Xcode project using CocoaPods, specify it in your Podfile:

source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '8.0'
use_frameworks!

pod 'ESTMusicIndicator'

Then, run the following command:

$ pod install

You can check out this link for more information about how to use CocoaPods.

Manually

Clone this project or download it.
Drag and drop Classes folder to your workspace

Usage

Simple Example:

let indicator = ESTMusicIndicatorView.init(frame: CGRect.zero)
indicator.tintColor = .red
indicator.sizeToFit()
view.addSubview(indicator)

Initially the state property is ESTMusicIndicatorViewStateStopped and the hidesWhenStopped property is YES. Thus, the view is hidden at this time.

The view appears and the bars start animation.

indicator.state = .playing;

The bars stop animation and become idle.

indicator.state = .paused;

The view becomes hidden.

indicator.state = .stopped;

You can use ESTMusicIndicatorView in both code and Storyboard, and it works well with both Auto Layout and frame-based layout.

Code with Auto Layout

let indicator = ESTMusicIndicatorView.init(frame: CGRect.zero)
indicator.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(indicator)

Then, add some positioning layout constraints. Note that normally you don't need to add sizing constraints since ESTMusicIndicatorView has an intrinsic content size. It will be automatically resized to fit its content.

Code with Frame-Based Layout

let indicator = ESTMusicIndicatorView.init(frame: CGRect.zero)
view.addSubview(indicator)
indicator.sizeToFit() // Resize itself to fit its content.

Customization

Color

The color of the bars can be changed by setting tintColor property (UIView) of the view or its ancestor view.

Size

Normally the view can be automatically resized to fit its content by:

Omitting sizing constraints in Auto Layout, since it has an intrinsic content size.
Calling sizeToFit in frame-based layout.

Or if you explicitly specify size, the bars will be placed in the center of the view.

Contact

You can ping me on Twitter or follow me on Weibo If you find an issue.

Contributing

Thank you for your interest in contributing to Hodor! Your ideas for improving this app are greatly appreciated. The best way to contribute is by submitting a pull request. I'll do my best to respond to you as soon as possible. You can also submit a new GitHub issue if you find bugs or have questions.

Thanks for

NAKPlaybackIndicatorView

License

Released under the MIT license

Comments

Help!

Hello! Your program is very well done. Thanks very much for you sharing,but I found a problem in the test. In this program you have set up ten rows of data,and it works well.But if I set up more rows of data,for example eighty rows, when it works,I click on the first line，I find the first line,the fifteenth line ，the twenty-ninth line，the forty-third line，the fifty-seventh line and the seventy-first line indicators are all Animating. This is wrong,Please help!

opened by liuyiyi2016 2
Mark NSNotification callback methods with @objc.

Currently the app crashes with 'unrecognized selector sent to instance' exception. Mark applicationWillEnterForeground: method with @objc so method is exposed to Objective-C.

Stop all animations explicitly in new applicationDidEnterBackground: method so it logically pairs with applicationWillEnterForeground: . Also it works great if animations are not suspended by Apple for some reason/different iOS version.

opened by genkernel 2
Remove kBarMin/MaxPeakHeight constants and use view's height as maxPeakHeight.

Use frame's height value as maxPeakHeight to allow developer to resize ESTMusicIndicator externally(e.g. storyboard) without changing internal constants.

opened by genkernel 2
migrated to swift 4
updated project settings

changed UILayoutPriorityDefaultHigh to UILayoutPriority.defaultHigh

changed SWIFT_SWIFT3_OBJC_INFERENCE to default in target settings

added @objc to didTapIndicator gesture recognizer
opened by helkarli 1
Ability to change number of bars

kBarCount is a constant. It would be really nice to be able to change that. In our app, in one place we'd like 3 bars, in another place we'd like 4 bars.

opened by hipwelljo 1
iOS 10 issue

@Aufree
Hello, I have 20 static cells in table view and when state == .playing and bars are animating and when I scroll down and go up bars are no longer animating and they in pause mode iOS 8.4 has no problems with it Any idea how can I fix this ?

Thanks!

opened by yarodevuci 3