supports the information hierarchy by animation transition
TRANSCRIPT
自己紹介• @naoyashiga
• 社会人2年目
• iOS Dev, Web Markup
• https://github.com/naoyashiga
• 趣味でiOSアプリ個人開発
ダウンロードしてね
• https://itunes.apple.com/jp/app/100wan-genoawabi-wu-ransaretaawabiwo/id954944521?mt=8
Hierarchical timing• Hierarchical timing
• 重要度の順番を決める
• Meaningful transitions - Animation - Google design guidelines
• http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-hierarchical-timing
Spring after animation
UIView.animateWithDuration( 1.5, delay: 0.05 * Double(index), usingSpringWithDamping: 0.8, initialSpringVelocity: 0, options: nil, animations: { animatedCell.transform = CGAffineTransformMakeTranslation(0, 0) }, completion: nil )
FadeIn before animation
animatedCell.transform = CGAffineTransformMakeTranslation(0, animatedCell.frame.size.height / 3)
animatedCell.layer.opacity = 0
FadeIn after animation
UIView.animateWithDuration( 0.5, delay: 0.05 * Double(index), usingSpringWithDamping: 0.8, initialSpringVelocity: 0, options: nil, animations: { animatedCell.transform = CGAffineTransformMakeTranslation(0, 0) animatedCell.layer.opacity = 1.0 }, completion: nil )
Referrence
• Creating Simple View Animations in Swift | iOS Tutorial
• http://www.appcoda.com/view-animation-in-swift/
GitHub Repository
• https://github.com/naoyashiga/RPAnimatedTable