Hero 是一个用于构建 iOS 视图控制器转换的库

2017-01-04 12:11:20 +08:00
 newkengsir

代码介绍地址

Supercharged transition engine for iOS. Build your custom view transitions with few lines of code or even no code at all. Inspired by Polymer's neon-animated-pages and Keynote's Magic Move.

iOS 增压转换引擎。 使用几行代码或甚至没有代码构建您的自定义视图转换。 灵感来自 Polymer 的[neon-animated-pages]( https://elements.polymer-project.org/elements/neon-animation )和 Keynote 的“ Magic Move ”。

Introduction 介绍

Hero is a library for building iOS view controller transitions. It provides a layer on top of the UIKit's cumbersome transition APIs. Making custom transitions an easy task for developers.

** Hero **是一个用于构建 iOS 视图控制器转换的库。 它在 UIKit 的繁琐的转换 API 之上提供了一个层。 使自定义过渡对于开发人员来说是一个容易的任务。

Features

With Hero, you can easily mix & match these effects to build your own custom transition.

At its core, Hero is similar to Keynote's Magic Move. It checks the heroID property on all source and destinations views. Every matched view pairs are then automatically transitioned from it's old state to it's new state.

Hero can also construct animations for unmatched views. It is easy to define these animations via the heroModifiers property. Hero will run these animations alongside the Magic Move animations. All of these can be interactive, too.

Hero does not make any assumption about how the view is built or structured. It will not modify any of your views' states other than hiding them during the animation. This means that it works with autolayout, programmatic layout, UICollectionView, UITableView, UINavigationController etc...

核心, Hero 类似于 Keynote 的“魔法移动”。 它检查所有源和目的地视图的heroID属性。 然后,每个匹配的视图对自动地从其旧状态转换到其新状态。

Hero 还可以为不匹配的视图构建动画。 很容易通过heroModifiers属性定义这些动画。 Hero 会在“魔法移动”动画旁边运行这些动画。 所有这些都可以是互动的。

Hero 不会对视图是如何构建或构造的做出任何假设。 它不会修改任何视图的状态,除了在动画期间隐藏它们。 这意味着它适用于 autolayout , programmatic layout , UICollectionView , UITableView , UINavigationController 等...

NOTE: Hero won't work on iPhone 7 Simulators due to a bug by Apple. Try using other simulators or a real device when working with Hero.

Video Demo (Example Project)

There are many examples shown in the HeroExamples project under the Examples folder. Clone or download the project to run it yourself. You can also view the video overview here.

Installation & Usage Guide

Hero is avaliable on Carthage & Cocoapods. See the usage guide for instructions.

Simple Usage Examples

You can do these in the storyboard too!

For detailed explaination about Hero ID, Hero Modifiers, and supported animations:

Read the usage guide

This library is completely new and under heavy development. Might not be stable for production use, but there will be more things to come.

3283 次点击
所在节点    iOS
1 条回复
TomorJM
2017-01-04 18:45:09 +08:00
已 star,真心赞!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/332131

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX