https://github.com/fastred/AHKBendableView

UIView subclass that bends its edges when its position changes.
https://github.com/fastred/AHKBendableView

Last synced: 7 days ago
JSON representation

UIView subclass that bends its edges when its position changes.

• Host: GitHub
• URL: https://github.com/fastred/AHKBendableView
• Owner: fastred
• License: mit
• Created: 2014-06-28T21:03:33.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2021-10-01T19:04:33.000Z (about 3 years ago)
• Last Synced: 2024-11-30T23:18:13.724Z (12 days ago)
• Language: Swift
• Homepage: http://holko.pl/2014/06/28/action-sheet-follow-up/
• Size: 195 KB
• Stars: 595
• Watchers: 18
• Forks: 33
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ios - AHKBendableView - UIView subclass that bends its edges when its position changes. (UI / Animation)
• awesome-ios-star - AHKBendableView - UIView subclass that bends its edges when its position changes. (UI / Animation)

README

        
# AHKBendableView

[![CocoaPods](https://img.shields.io/cocoapods/v/AHKBendableView.svg?style=flat)](https://github.com/fastred/AHKBendableView)

`BendableView` is a `UIView` subclass that bends its edges when its position change is animated. Internally, `BendableView` contains `CAShapeLayer`, which acts as its background. The layer's `path` changes during animations, creating an effect of bending. Subviews stay intact. You can find a more extensive description on my blog: [Recreating Skype's Action Sheet Animation](http://holko.pl/2014/06/26/recreating-skypes-action-sheet-animation/) and [Follow-Up Post](http://holko.pl/2014/06/28/action-sheet-follow-up/). 

![Demo GIF](https://raw.githubusercontent.com/fastred/AHKBendableView/master/demo.gif)

## Usage

`BendableView` contains three public properties:

```swift

var damping: CGFloat // set to animate the view's edges differently than the whole view (used in an internal spring animation)

var initialSpringVelocity: CGFloat // same as above

var fillColor: UIColor // "background" color of the bendable layer

```

You should set them before animating the position change of the view. I propose to use slightly lower values for `damping` and `initialSpringVelocity` than the values used when calling `+animateWithDuration:delay:usingSpringWithDamping:

initialSpringVelocity:options:animations:completion:`, just like in this example:

```swift

let bv = BendableView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))

view.addSubview(bv)

// bending setup

bv.fillColor = UIColor.redColor()

bv.damping = 0.7

bv.initialSpringVelocity = 0.8

UIView.animateWithDuration(0.5, delay: 0, usingSpringWithDamping: 0.9, initialSpringVelocity: 0.9, options: .BeginFromCurrentState | .AllowUserInteraction, animations: {

        bv.frame.origin = CGPoint(x: 200, y: 300)

        bv.frame.size = CGSize(width: 150, height: 150)

    }, completion: nil)

```

Have fun!

## Example project

To run the example project, clone the repo, and open `Example/AHKBendableView.xcodeproj`.

## Requirements

- iOS 7.0

- ARC

## Installation

AHKBendableView is available through [CocoaPods](http://cocoapods.org). To install

it, simply add the following line to your Podfile:

    pod "AHKBendableView"

## Author

Arkadiusz Holko:

* [Blog](http://holko.pl/)

* [@arekholko on Twitter](https://twitter.com/arekholko)