• view的一些旋转动画


    在做动画时,uiview的旋转方向可以这样控制

    CGAffineTransform transform = CGAffineTransformMakeRotation(x * M_PI/180.0);

    若想顺时针,则x为正数,如30;若想逆时针,则x为负数即可,如-30
    还有旋转的原点,即以哪个点为圆心来旋转。这个点的选择与平常的坐标系不同,需要用到layer。
    如以imageView的左下角为圆心转,则有

    _folatImageView.layer.anchorPoint = CGPointMake(0, 1);
    // (0, 0)指左上角, (1,1)指右下角, (0.5,0.5)指中心点,以此类推

    如若让imageView以左下角按逆时针转动,则有

    _folatImageView.layer.anchorPoint = CGPointMake(0, 1);
    //从原位逆时针转一定角度
    -(void)floatUp{
        [UIView animateWithDuration:1.0f animations:^{
            _folatImageView.layer.transform = CATransform3DMakeRotation(-20 * M_PI/180.0, 0, 0, 1);
        } completion:^(BOOL finished) {
                
        }];
    }
    //恢复原位
    -(void)floatDown{
        [UIView animateWithDuration:1.0f animations:^{
            _folatImageView.layer.transform = CATransform3DMakeRotation(0, 0, 0, 0);
        } completion:^(BOOL finished) {
                
        }];
    }

    对于view的旋转,还有(默认以中心顺时针旋转)
    ①旋转到x度

    view.transform = CGAffineTransformMakeRotation(x);

    ②在现有旋转的度数上再旋转x度

    CGAffineTransform currentTransform = view.transform;
    CGAffineTransform newTransform = CGAffineTransformRotate(currentTransform, x); // 在现在的基础上旋转指定角度
    view.transform = newTransform;

    ③恢复到原位,即0度

    view.transform = CGAffineTransformMakeRotation(0);

    在做一些简单的动画,如图

    可以用如下代码
    先定义_testView

    UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 80, mScreenWidth, 0.1)];
    view.backgroundColor = [UIColor lightGrayColor];
    [self.view addSubview:view];
    _testView = view;
    //点击按钮时的动画
    -(void)clickTheBtn:(UIButton *)btn{
        if (_testOpened) {
            [UIView animateWithDuration:1.0f animations:^{
                _testView.height = 0.1;
            }];
        } else {
            [UIView animateWithDuration:1.0f animations:^{
                _testView.height = 200;
            }];
        }
        _testOpened = !_testOpened;
        //下滑箭头的倒置
        _testBtn.transform = CGAffineTransformRotate(_testBtn.transform, M_PI);
    }

    由上可以看出,view的伸展收缩动作只需改变其高度即可。

  • 相关阅读:
    webpack--------类似gulp的工具,在gulp后面出来的
    canvas 绘制矩形
    HTML5 Canvas基础知识
    视差滚动效果
    闭包的理解
    AJAX 跨域
    json与jsonp的区别
    针对AJAX与JSONP的异同
    如何使用JSONP
    JSONP的客户端的具体实现
  • 原文地址:https://www.cnblogs.com/Apologize/p/5286316.html
Copyright © 2020-2023  润新知