StoryBoard 中使用AutoLayout实现Animation效果
来源:互联网 发布:mac标点 编辑:程序博客网 时间:2024/06/06 16:28
使用Autolayout布局的情况下,作为一个初学者都会把我们的都会认为再和Animation无缘了,再也没发实现动画的效果了。
但是,我想说小伙伴们,你们的想法是错误的。
在使用AutoLayout的情况下,我们同样可以实现Animation的效果。
视图在Storyboard中,通过constraints 约束,实现基本的布局,通过改变控件的
transform的属性,实现基本的动画效果。
View添加constraints 实际上是相对视图中的Bounds的坐标位置添加的限制,通过修改在View中的Bounds上的相对坐标,就可以实现Animation的效果。(修改Bounds的相对位置,并不能影响子视图在View中的Frame的坐标)。
测试代码:
class ViewController: UIViewController {
@IBOutletweak var passwordLabel:UILabel!
@IBOutletweak var phoneLabel:UILabel!
@IBOutletweak var topLabel:UILabel!
overridefunc viewDidLoad() {
super.viewDidLoad()
topLabel.transform =CGAffineTransformMakeTranslation(0, -200)
passwordLabel.transform =CGAffineTransformMakeTranslation(-200, -200)
phoneLabel.transform =CGAffineTransformMakeTranslation(-200,0)
// Do any additional setup after loading the view, typically from a nib.
}
overridefunc viewDidAppear(animated:Bool) {
UIView.animateWithDuration(0.5) {
self.topLabel.transform = CGAffineTransformIdentity
self.phoneLabel.transform = CGAffineTransformIdentity
self.passwordLabel.transform = CGAffineTransformIdentity
}
}
- StoryBoard 中使用AutoLayout实现Animation效果
- Storyboard 中使用 Autolayout
- iOS 使用Storyboard + AutoLayout布局,各种型号设备效果预览
- iOS8中storyboard中autolayout和size class的使用
- xib自定义UIView 在Storyboard中使用AutoLayout
- 在storyboard中使用AutoLayout遇到各种坑
- StoryBoard中Autolayout约束UIScrollView
- storyboard中的uiscrollview,使用autolayout
- 使用silverlight中的Storyboard实现动画效果
- 使用silverlight中的Storyboard实现动画效果
- 使用Animation实现控件抖动效果
- iOS Storyboard、xib中的UIScrollView使用autolayout
- Android中使用Animation实现控件的动画效果以及Interpolator和AnimationListener的使用
- Android中使用Animation实现控件的动画效果以及Interpolator和AnimationListener的使用
- Android中使用Animation实现控件的动画效果以及Interpolator和AnimationListener的使用
- Android中使用Animation实现控件的动画效果以及Interpolator和AnimationListener的使用
- Android中使用Animation实现控件的动画效果以及Interpolator和AnimationListener的使用
- Android中使用Animation实现控件的动画效果以及Interpolator和AnimationListener的使用
- ReactNative环境配置
- 【杭电2035】人见人爱A^B
- 棋盘问题
- UVA11205The broken pedometer
- QUSTOJ1784 C 机器分配(DP)
- StoryBoard 中使用AutoLayout实现Animation效果
- 1092. To Buy or Not to Buy (20)
- linux wait返回及timer_create问题
- POJ 2001 Shortest Prefixes 数据结构Trie树(字典树、前缀树)
- UITableView在style为plain时,实现sectionHeader跟随cell移动
- Java 8 新特性之 Lambda表达式
- Android学习笔记——触摸事件分发
- 网站优化之如何用原生javascript去完成懒加载技术--lazyload
- POJ-3641 Pseudoprime numbers