zoukankan      html  css  js  c++  java
  • facebook pop 学习笔记

    本文主要参考:https://github.com/maxmyers/FacebookPop,如E文好的同学可直接移步到此。

    简单介绍下pop,Facebook 2月发布的新闻类应用Paper,因为其灵动的用户界面和交互,成为近来最令人眼前一亮的移动产品之一。

    而其支撑其的动画引擎正是pop,13年4月Facebook将Pop开源了:https://github.com/facebook/pop

    感谢facebook,感谢开源!

    POP共有4种动画类型,

    1、POPBasicAnimation   基本动画类

    2、POPSpringAnimation   带有弹簧效果的动画类

    3、POPDecayAnimation  衰减动画类

    4、POPCustomAnimation  可自定义动画类

    STEP2:选择是对view property(视图属性)或是对layer property(层属性)做动画

    View Properties

    Alpha - kPOPViewAlpha
    Color - kPOPViewBackgroundColor
    Size - kPOPViewBounds
    Center - kPOPViewCenter
    Location & Size - kPOPViewFrame
    Size - kPOPViewScaleXY
    Size(Scale) - kPOPViewSize

    Layer Properties

    Color - kPOPLayerBackgroundColor
    Size - kPOPLayerBounds
    Size - kPOPLayerScaleXY
    Size - kPOPLayerSize
    Opacity - kPOPLayerOpacity
    Position - kPOPLayerPosition
    X Position - kPOPLayerPositionX
    Y Position - kPOPLayerPositionY
    Rotation - kPOPLayerRotation
    Color - kPOPLayerBackgroundColor

    STEP3:选择你需要的属性,然后设置.toValuew值

    View Properties

    Alpha - kPOPViewAlpha

    与之直接将view的透明度设为0相比,pop更有种动态感觉,视觉效果更好。

    Size - kPOPViewBounds

    Size(Scale) - kPOPViewSize

    Center - kPOPViewCenter

    Location & Size - kPOPViewFrame

    Size - kPOPViewScaleXY

    文件下载:下载地址

  • 相关阅读:
    第 2 章 MySQL 架构组成
    MySql学习笔记
    大型项目成功的关键
    内连接区别外连接
    UML2.0
    软件架构师之路
    UVA
    ZOJ
    UVA
    UVA
  • 原文地址:https://www.cnblogs.com/kw-ios/p/3863562.html
Copyright © 2011-2022 走看看