Custom iOS music player view
Screen
About
InteractivePlayerView is an IBDesignableView (Custom View) which has its own progress,cover image and action buttons.
Installation
Download the project and copy the InteractivePlayerView folder into your project and then simply you can use it in any file
Requirements
- iOS 8.0+
- Xcode 8.0+
- Swift 3.0+
Cocoapods
platform :ios, '8.0' use_frameworks! pod 'InteractivePlayerView', '2.0'
Usage
- Add your view in storyboard
- Arrange your view's size square (It looks better this way)
- Set your view's class InteractivePlayerView
- Wait until it built in storyboard and set variables
- Then create your property of view and set it's delegate to self to use it's delegation methods and good to go !
@IBOutlet var ipv: InteractivePlayerView! // set delegation self.ipv!.delegate = self // duration of music self.ipv.progress = 120.0 // start - stop player self.ipv.start() self.ipv.stop() // restart player with duration self.ipv.restartWithProgress(duration: 50) /* InteractivePlayerViewDelegate METHODS */ func actionOneButtonTapped(sender: UIButton, isSelected: Bool) { println("ActionOneButton tapped") } func actionTwoButtonTapped(sender: UIButton, isSelected: Bool) { println("ActionTwoButton tapped") } func actionThreeButtonTapped(sender: UIButton, isSelected: Bool) { println("ActionThreeButton tapped") }
Useful Methods
// set progress colors self.ipv.progressEmptyColor = UIColor.yellowColor() self.ipv.progressFullColor = UIColor.redColor()
// get and set isSelected value of action buttons let isSelected = self.ipv.isActionOneSelected self.ipv.isActionOneSelected = true
// Buttons are also square and setting one value to width and height is enough. And also you can set action button's images self.ipv.buttonSizes = 30.0 self.ipv.actionOne_icon_selected = UIImage(named: "shuffle_selected.png") self.ipv.actionOne_icon_unselected = UIImage(named: "shuffle_unselected.png") self.ipv.coverImage = UIImage(named: "imagetest.png")
Design
License
Copyright 2015 Ahmet Keskin.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.