大佬教程收集整理的这篇文章主要介绍了这样的 StackView 动画,你想到了吗?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
上周,我作为嘉宾参加了 iOSDevCampDC,有幸听到 @atomicbird 关于 StackView@H_607_16@ 的精彩演讲。我了解
StackView@H_607_16@ 的基本原理,但它居然还可以如此简单地制作出炫酷的动画,真是毫无防备。
下面是 @atomicbird@H_607_16@ 演示的例子,我在博客中模仿了这种效果。这个 app 中有一个设置按钮,用户可以通过它来选择一个表情表示当前状态。
初始设置很简单,把 StackView@H_607_16@ 加到
View@H_607_16@ 上,添加相关约束,然后用按钮来组成这个可爱的表情菜单。
Stackview@H_607_16@ 非常简单,而且容易上手,所以即使你没接触过,这部分也会很有趣。?
下一步是对表情按钮进行操作(除设置按钮外),给这些需@L_616_9@动画的按钮创建一个 Outlet Collection。

正如你所看到的那样,创建一个 Outlet Collection 与创建一个 Outlet 的方式是一样的,只不过 Outlet Collection 是子控件组成的数组。所以按住 Control 键,并拖动鼠标去创建一个新的 Outlet Collection 即可。
我们将通过控制表情按钮的 hidden@H_607_16@ 属性来达到动画的效果。首先,需要确认这些表情按钮默认是被隐藏的。遍历所有的表情按钮,使之隐藏。
@IBOutlet var emojibuttons: [UIButton]! { didSet { emojibuttons.forEach { $0.isHidden = true } } }
下面将进行有“难度”的操作,你准备好了吗?
当设置按钮被点击时,执行一个动画去遍历所有的表情按钮,并切换它们的 hidden@H_607_16@ 状态。
@IBACtion func onSetTingsButtonTap(_ sender: AnyObject) { UIView.animate(withDuration: 0.3) { self.emojibuttons.forEach { $0.isHidden = !$0.isHidden } } }
这些精练的技巧,使得 StackView@H_607_16@ 超乎想象的强大。我也因此受到了很大的鼓舞,相信可以通过
StackView@H_607_16@ 做出更有创意的东西。非常感谢
@atomicbird@H_607_16@!
你可以在这里看到我的示例代码,同时可以与使用 Autolayout 的情况做个比较。
有兴趣学习更多技巧吗?那就来参加 9 月 1,2 日在纽约举行的 Swift 社区狂欢吧。你可以通过 NATASHATHEROBOT 获得 $100 的折扣。
以上是大佬教程为你收集整理的这样的 StackView 动画,你想到了吗?全部内容,希望文章能够帮你解决这样的 StackView 动画,你想到了吗?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。