Animated Play and Pause Button written in Swift, using CALayer, CAKeyframeAnimation.

keishi suzuki

Last update: Jun 10, 2021

Related tags

Button AnimatablePlayButton

Overview

AnimatablePlayButton

Animated Play and Pause Button written in Swift, using CALayer, CAKeyframeAnimation.

features

Only using CAShapeLayer, CAKeyframeAnimation. not from image object.

Requirements

iOS 8.0+
Swift 2.0+
ARC

##Installation

####CocoaPods available on CocoaPods. Just add the following to your project Podfile:

pod 'AnimatablePlayButton'
use_frameworks!

####Carthage To integrate into your Xcode project using Carthage, specify it in your Cartfile:

github "suzuki-0000/AnimatablePlayButton"

How to use

1. Create a button, specify backgroundColor of Button(bgColor), and button color(color).

let button = AnimatablePlayButton(frame: CGRectMake(0, 0, 44, 44))
button.bgColor = .blackColor()
button.color = .whiteColor()
self.view.addSubview(button)

2. Add tapped function

button.addTarget(self, action: Selector("tapped:"), forControlEvents: .TouchUpInside)

func tapped(sender: AnimatablePlayButton) {
    if sender.selected {
        sender.deselect()
    } else {
        sender.select()
    }
}

License

available under the MIT license. See the LICENSE file for more info.

You might also like...

Floaty is simple floating action button for iOS.

Floaty is simple floating action button for iOS. (formerly KCFloatingActionButton) Why change the name? Follow the swift naming convention. KCF

1.5k Jan 7, 2023

LTHRadioButton - A radio button with a pretty animation

LTHRadioButton Slightly inspired by Google's material radio button. The clip below has 3 sections: full speed, 25% and 10%, but after converting it to

368 Dec 16, 2022

Multiple state tap-to-toggle UIButton (like old camera flash button)

Multiple State Toggle UIButton A UIButton subclass that implements tap-to-toggle button text. (Like the camera flash and timer buttons) Usage Just cre

83 Oct 11, 2022

Lickable-Button We made the buttons on the screen look so good you'll want to lick them

Lickable-Button We made the buttons on the screen look so good you'll want to lick them. - Steve Jobs A little SwiftUI button project at WWDC 2021 Lic

14 Dec 29, 2021

Craft that perfect SwiftUI button effect 👌🏼

buttoncraft (SwiftUI 3.0 App) Experimenting with SwiftUI 3.0 whilst creating a practical app to craft that perfect button style. ✈️ Testflight https:/

188 Dec 28, 2022

Custom loading button with progress swiftui

CustomLoadingButton Simple Custom Loading Progress Button for SwiftUI Version 1.0.0 This version requires Xcode 11+ SwiftUI iOS 13+ macOS 10.15+ Insta

1 Dec 14, 2022

An open-source library to use with SwiftUI, It allows you to create Floating menu action button.

Floating Menu Action Button Example Overview This is an open-source library to use with SwiftUI. It allows you to create Floating menu action button. Ins

3 Aug 19, 2022

iOS 7-style bouncy button.

SSBouncyButton SSBouncyButton is simple button UI component with iOS 7-style bouncy animation. Take A Look Try It! pod 'SSBouncyButton', '~ 1.0' Use

310 Dec 15, 2022

Flat design pressable button for iOS developers.

HTPressableButton HTPressableButton is designed for iOS developers to be able to spend time developing ideas, not building basic buttons. These stylis

859 Dec 12, 2022

Comments

Correct the spelling of CocoaPods in README

This pull requests corrects the spelling of CocoaPods 🤓 https://github.com/CocoaPods/shared_resources/tree/master/media

One day I’ll make a bot that looks through the READMEs of all Pods, looks to see if it uses “Cocoapods” and PRs “CocoaPods” :D
— Ørta (@orta) February 10, 2016

opened by ReadmeCritic 0
Not available for image background

I don't think this is a good way to achieve the animation. Because I need to keep the bgColor & parent View.backgroundColor in same color, and is unavailable for image background.

What's more, too many layer mask to animate. We should draw the shape directly instead of drawing the mask, and of course we need some math stuff.

opened by IvanChan 0