李柯丹

第一步

创建所有需要的视图作为xibs。将每个xib文件链接到一个继承自KDIntroView的类。重写moveEverythingAccordingToIndex(index: CGFloat)。

设计你想要的界面。这个框架适用于代码生成的UI和自动布局。

如果想要执行颜色变化，确保每个视图都有一个清晰的背景颜色。

第二步

创建一个继承自KDIntroViewController的ViewController。 (别忘了导入KDIntroView)

在viewWillAppear中调用setup，并传入一个包含你创建的所有xib名称的数组。按照你希望它们出现的顺序排列。重写moveEverythingAccordingToIndex(index: CGFloat)。

现在，你可以看到你的视图，但它们是静态的。

第三步

在每个视图中实现moveEverythingAccordingToIndex(index: CGFloat)。index: CGFloat变量是滚动条的偏移量。在第一个和最后一个视图中，index: CGFloat范围从0到frame.width。在其他所有视图中，index: CGFloat范围从0到2 * frame.width。

我们提供了内置函数，但你可以使用CGAffineTransformation轻松自定义动画。在演示项目中还有一些其他示例。

也在视控制器中实现moveEverythingAccordingToIndex(index: CGFloat)以执行颜色动画和可触摸元素。所有可触摸元素都必须添加到视控制器中，并在setup后调用view.bringSubviewToFront()以使其可触摸。

你可以完全创造任何类型的动画！试试看，让你的想象力自由发挥！ * Markdown格式。 * 不要担心缩进，我们会去除它！

许可: MIT