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

    文件下载:下载地址

  • 相关阅读:
    对于dll(动态链接库)的理解
    Java中异常发生时代码执行流程
    使用Gitea搭建git服务
    python-grpc
    Docker环境变量设置
    pandas操作excel
    docker笔记
    flask笔记
    索引原理
    视图、触发器、事务、存储过程
  • 原文地址:https://www.cnblogs.com/kw-ios/p/3863562.html
Copyright © 2011-2022 走看看