InteractivePlayerView

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

Here is original 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.

qinzhe/InteractivePlayerView