zoukankan      html  css  js  c++  java
  • RotateAnimation 详解

    RotateAnimation 详解


    其他构造器的旋转也可参考这副图。

    RotateAnimation旋转坐标系为以旋转点为坐标系(0,0)点。x轴为0度,顺时针方向旋转一定的角度。
    1.RotateAnimation(fromDegrees, toDegrees) [默认以View左上角顶点为旋转点]。
    X轴顺时针转动到fromDegrees为旋转的起始点,
    X轴顺时针转动到toDegrees为旋转的起始点。
    如fromDegrees=0,toDegrees=90;为左上角顶点为旋转点。0度为起始点,90度为终点。进行旋转,旋转了90度
    如fromDegrees=60,toDegrees=90;为左上角顶点为旋转点。60度为起始点,90度为终点。进行旋转,旋转了90-60=30度

    2.RotateAnimation(float fromDegrees, float toDegrees, float pivotX, float pivotY)
    (pivotX,pivotY)为旋转点。pivotX为距离左侧的偏移量,pivotY为距离顶部的偏移量。即为相对于View左上角(0,0)的坐标点。
    如View width=100px,height=100px
    RotateAnimation(0,10,100,100);则以右下角顶点为旋转点,从原始位置顺时针旋转10度
    RotateAnimation(0,90,50,50);则以View的中心点为旋转点,旋转90度

    3.RotateAnimation(fromDegrees, toDegrees, pivotXType, pivotXValue, pivotYType, pivotYValue)
    pivotXType, pivotXValue, pivotYType, pivotYValue  旋转点类型及其值。
    Animation.ABSOLUTE为绝对值 其他为百分比。这个和平移动画的一样,不了解可以去那看
    如RotateAnimation(0, 90, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); 按中心点旋转90度
    效果和2例中的RotateAnimation(0,90,50,50);则以View的中心点为旋转点,旋转90度 。效果一样

    new RotateAnimation(0, 180, centerX,centerY);

    第一个参数表示动画的起始角度,第二个参数表示动画的结束角度,第三个表示动画的旋转中心x轴,第四个表示动画旋转中心y轴。

    rotateAnimation.setDuration(1000 * 20);

    表动画持续20s。

    rotateAnimation.setFillAfter(true);

    ture表示动画结束后停留在动画的最后位置,false表示动画结束后回到初始位置,默认为false。

    mView.startAnimation(rotateAnimation);

    表示在mView中启动动画。 

    No tags for this post.

    除非注明,本站文章均为原创或编译,转载请注明: 文章来自KENGINE | Kankanews.com
  • 相关阅读:
    vue项目在IE中使用的一些坑(未完待续)
    Vue在IE下显示空白问题
    nginx 解决AJAX 跨域问题。
    node.js+express+jade 国际化
    Angular 2 HTTP Requests with Promise
    Windows x64编译 Qt5.7 Mysql驱动
    mysql [Err] 1215
    VS Code 调试Node.js express网站
    Node.js express 入门示例1
    build qt4.8.5 on centos7 or suse11.1
  • 原文地址:https://www.cnblogs.com/bdbw2012/p/4685735.html
Copyright © 2011-2022 走看看