Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/material-motion/material-motion-swift
A toolkit for building responsive motion using Core Animation.
https://github.com/material-motion/material-motion-swift
animation gesture-driven-animations ios motion reactive swift transitions
Last synced: 4 months ago
JSON representation
A toolkit for building responsive motion using Core Animation.
- Host: GitHub
- URL: https://github.com/material-motion/material-motion-swift
- Owner: material-motion
- License: apache-2.0
- Archived: true
- Created: 2016-12-07T03:01:17.000Z (about 8 years ago)
- Default Branch: develop
- Last Pushed: 2020-02-04T07:25:37.000Z (almost 5 years ago)
- Last Synced: 2024-09-23T12:03:53.840Z (4 months ago)
- Topics: animation, gesture-driven-animations, ios, motion, reactive, swift, transitions
- Language: Swift
- Homepage:
- Size: 13.8 MB
- Stars: 1,421
- Watchers: 43
- Forks: 79
- Open Issues: 56
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- awesome-material-design - material-motion-swift - Set of animations for Material in swift (iOS / Components)
- awesome-neuron - Material Motion
- awesome - material-motion-swift - A toolkit for building responsive motion using Core Animation. (transitions)
- awesome - material-motion-swift - A toolkit for building responsive motion using Core Animation. (transitions)
README
# Material Motion
> Reactive motion driven by Core Animation.
![Swift 3.1.x](https://img.shields.io/badge/Swift-3.1.x-orange.svg)
![iOS 9.0+](https://img.shields.io/badge/iOS-9.0+-orange.svg)
[![Build Status](https://travis-ci.org/material-motion/material-motion-swift.svg?branch=develop)](https://travis-ci.org/material-motion/material-motion-swift)
[![codecov](https://codecov.io/gh/material-motion/material-motion-swift/branch/develop/graph/badge.svg)](https://codecov.io/gh/material-motion/material-motion-swift)
[![CocoaPods Compatible](https://img.shields.io/cocoapods/v/MaterialMotion.svg)](https://cocoapods.org/pods/MaterialMotion)
[![Platform](https://img.shields.io/cocoapods/p/MaterialMotion.svg)](http://cocoadocs.org/docsets/MaterialMotion)
[![Docs](https://img.shields.io/cocoapods/metrics/doc-percent/MaterialMotion.svg)](http://cocoadocs.org/docsets/MaterialMotion)
[![Chat](https://img.shields.io/discord/198544450366996480.svg)](https://discord.gg/material-motion)This library includes a variety of ready-to-use **interactions**. Interactions are registered to an
instance of `MotionRuntime`:```swift
// Store me for as long as the interactions should take effect.
let runtime = MotionRuntime(containerView: <#view#>)
```InteractionSnippet
ArcMove
let arcMove = ArcMove()
arcMove.from.value = <#from#>
arcMove.to.value = <#to#>
runtime.add(arcMove, to: <#view#>)
ChangeDirection
runtime.add(ChangeDirection(withVelocityOf: gesture),
to: <#direction#>)
DirectlyManipulable
runtime.add(DirectlyManipulable(), to: <#view#>)
Draggable
runtime.add(Draggable(), to: <#view#>)
Rotatable
runtime.add(Rotatable(), to: <#view#>)
Scalable
runtime.add(Scalable(), to: <#view#>)
SetPositionOnTap
runtime.add(SetPositionOnTap(),
to: runtime.get(<#view#>.layer).position)
Spring
let spring = Spring()
spring.destination.value = <#initial destination#>
runtime.add(spring, to: <#view#>)
Tossable
let tossable = Tossable()
tossable.spring.destination.value = <#initial destination#>
runtime.add(tossable, to: <#view#>)
Tween
runtime.add(Tween(duration: 0.5, values: [1, 0]),
to: runtime.get(<#view#>.layer).opacity)
## Installation
### Installation with CocoaPods
> CocoaPods is a dependency manager for Objective-C and Swift libraries. CocoaPods automates the
> process of using third-party libraries in your projects. See
> [the Getting Started guide](https://guides.cocoapods.org/using/getting-started.html) for more
> information. You can install it with the following command:
>
> gem install cocoapodsAdd `MaterialMotion` to your `Podfile`:
```ruby
pod 'MaterialMotion'
```You will need to add `use_frameworks!` to your Podfile in order use Material Motion in your swift
app.A simple Podfile might look like so:
```ruby
project 'MyApp/MyApp.xcodeproj'use_frameworks!
target 'MyApp' do
pod 'MaterialMotion'
end
```Then run the following command:
```bash
pod install
```### Usage
Import the framework:
```swift
import MaterialMotion
```You will now have access to all of the APIs.
## Example apps/unit tests
Check out a local copy of the repo to access the Catalog application by running the following
commands:```bash
git clone https://github.com/material-motion/material-motion-swift.git
cd material-motion-swift
pod install
open MaterialMotion.xcworkspace
```## Case studies
### Carousel
A carousel with pages that scale in and fade out in reaction to their scroll position.
[View the source](examples/CarouselExample.swift).
### Contextual transition
A contextual view can be used to create continuity during transitions between view controllers. In
this case study the selected photo is the contextual view. It's possible to flick the view to
dismiss it using the tossable interaction.Makes use of: `Draggable`, `Tossable`, `Transition`, `TransitionSpring`, `Tween`.
[View the source](examples/ContextualTransitionExample.swift).
### Floating action button transition
A floating action button transition is a type of contextual transition that animates a mask outward
from a floating button.Makes use of: `Transition` and `Tween`.
[View the source](examples/FabTransitionExample.swift).
### Material expansion
A Material Design transition using asymetric transformations.
Makes use of: `Tween`.
[View the source](examples/MaterialExpansionExample.swift).
### Modal dialog
A modal dialog that's presented over the existing context and is dismissable using gestures.
Makes use of: `Tossable` and `TransitionSpring`.
[View the source](examples/ModalDialogExample.swift).
### Pull down to dismiss
A modal scroll view controller that can be dismissed with a drag gesture.
Makes use of: `Tossable` and `TransitionSpring`.
[View the source](examples/InteractivePushBackTransitionExample.swift).
### Sticker picker
Each sticker is individually **directly manipulable**, meaning they can be dragged, rotated, and
scaled using multitouch gestures.Makes use of: `DirectlyManipulable`.
[View the source](examples/StickerPickerExample.swift).
## Contributing
We welcome contributions!
Check out our [upcoming milestones](https://github.com/material-motion/material-motion-swift/milestones).
Learn more about [our team](https://material-motion.github.io/material-motion/team/),
[our community](https://material-motion.github.io/material-motion/team/community/), and
our [contributor essentials](https://material-motion.github.io/material-motion/team/essentials/).## License
Licensed under the Apache 2.0 license. See LICENSE for details.