用UIInterpolatingMotionEffect产生透视效果

用UIInterpolatingMotionEffect产生透视效果

 

效果

 

源码

https://github.com/YouXianMing/Animations

//
//  MotionEffectViewController.m
//  Animations
//
//  Created by YouXianMing on 16/2/18.
//  Copyright  2016年 YouXianMing. All rights reserved.
//

#import "MotionEffectViewController.h"
#import "UIView+MotionEffect.h"
#import "UIView+SetRect.h"

@interface MotionEffectViewController ()

@end

@implementation MotionEffectViewController

- (void)setup {

    [super setup];

    {
        UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, Width - 15, Width - 15)];
        imageView.image        = [UIImage imageNamed:@"最外层"];
        imageView.center       = self.contentView.middlePoint;
        [self.contentView addSubview:imageView];

        [imageView addCenterMotionEffectsWithOffset:20.f];
    }

    {
        UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, Width - 15, Width - 15)];
        imageView.image        = [UIImage imageNamed:@"中间层"];
        imageView.center       = self.contentView.middlePoint;
        [self.contentView addSubview:imageView];

        [imageView addCenterMotionEffectsWithOffset:10.f];
    }

    {
        UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, Width - 15, Width - 15)];
        imageView.image        = [UIImage imageNamed:@"最里层"];
        imageView.center       = self.contentView.middlePoint;
        [self.contentView addSubview:imageView];

        [imageView addCenterMotionEffectsWithOffset:5.f];
    }
}

@end

细节

时间: 2024-09-05 05:18:47

用UIInterpolatingMotionEffect产生透视效果的相关文章

【UWP通用应用开发】编辑文本、绘制图形、3D透视效果及绘制时钟实战

编辑文本及键盘输入 相信大家都会使用TextBox,但如果要让文本在TextBox中换行该怎么做呢?将TextWrapping属性设置为Wrap,将AcceptsReturn属性设置为True就好咯. PasswordBox很明显就是一个密码框了,和其他的控件相比其有2个特殊之处,一个是其可以用MaxLength来控制最大的长度,一个是用PasswordChanged来捕捉密码的改名.显然比如QQ密码的MaxLength就是16位了,而PasswordChanged可以用来监测比如用户设置的密码

用css实现透视效果

首先,我们看看border如何生成的对角线效果,在你的html的头部增加以下代码,你就会看到 这样的效果 . .border{width:0;height:0;border-width:50px;border-color:#f00 #0f0 #00f #000;border-style:solid;} 有了上面的基础,我们就可以用两个额外的div来实现透视效果. 一.html代码如下: <div class="perspective-outer">  <div cla

Windows Phone开发(19):三维透视效果

原文:Windows Phone开发(19):三维透视效果 三维效果也可以叫透视效果,所以,我干脆叫三维透视效果.理论知识少讲,直接用例开场吧,因为这个三维效果其实很简单,比上一节中的变换更省事,不信?一起来做一做练习吧. 练习一:把对象沿Y轴旋转45度. 默认情况下,旋转中心都是在中心位置上,如Y轴中心.而至于旋转的角度,哪个方向是正值,哪个方向是负值,嘿,你自己动手试一下就知道了,我相信你能理解的,不然,Hello Kitty嘲笑你的. 好的,由于是第一个练习,我们先来说说X.Y.Z三个坐标

Photoshop透视效果立体字制作教程

看到研讨区的一个立体字效果,感觉不错,我们就来自己做一个: 效果: 素材: 1.新建680*360 300p白色画面一个 2.打上适当大小的文字,调整好后栅格化. 3.用选择工具选择前面的Ph两个字后,ctrl+shift+j,拆分到一个新的图层上. 4.用橡皮擦除o字,见图3 分类: PS文字教程

透视投影:平面设计中的透视效果

网页制作Webjx文章简介:透视图即透视投影,在物体与观者之位置间,假想有一透明平面,观者对物体各点射出视线,与此平面相交之点相连接,所形成的图形,称为透视图.视线集中于一点即视点. 透视图即透视投影,在物体与观者之位置间,假想有一透明平面,观者对物体各点射出视线,与此平面相交之点相连接,所形成的图形,称为透视图.视线集中于一点即视点. 想起来了,查了下资料. 透视的类型 透视有三种:平行透视.成角透视.散点透视. 1.平行透视:平行透视也叫一点透视,即物体向视平线上某一点消失. 2.成角透视:

简单的人物透视效果的制作

1."空间立体透视"说白了就是远小近大,看这幅画,主人公的眼睛就有明显的远小近大的感觉. 2.对于一幅画的透视,有一条辅助线,这条辅助线就是这幅画的地平线. 3.有一个消失点,一般来说这个点是可以在辅助线上随便放的. 4.还有几条由消失点向目标放射的廷伸线.由这三点构成一幅画的透视辅助图. 5.我们看这幅图很清楚,人物在两条廷伸线之间,在与镜头同一距离的两个一样高的人是一样的,如果其中一个人后退了5米呢? 6.看!那个人后退以后,人是变小了,但三条线在这两个人身上依然在同一部位.这就是

PS制造出水滴的透视效果

  Photoshop常用来解决拍摄中遇到的问题,但在这篇教程里大家将会看到,它还能用来释放我们的创意灵感,例如说改善微距摄影作品的画面内容与构图.原始素材中,我们可以看到一点点花瓣在水中倒映的痕迹.理论上来说,我们应该架好相机,然后调整背景中的鲜花位置,使倒影充满成个水珠.为了让效果更加理想,甚至还要等到其它水珠凝聚得更大.但实际上,我们可以使用Photoshop将这些元素更快更有效的组合在一起. 我将告诉大家如何在水滴中加入花瓣的倒影,让照片看起来更富趣味性,就好像背景中有一朵花被水滴折射扭

(android控件)界面配置透视效果按钮

http://www.cnblogs.com/macroxu-1982/archive/2012/05/16/2503602.html

css知识梳理

写完之前的一篇"一起领略css3动画的强大"之后,我发现自己以为的懂得并不是真的懂得,所以现在来好好把css3来梳理一下 css属性组 动画属性(Animation) @keyframes - 规定动画 通过@keyframes规则能够创建动画,创建动画的原理是:将一套CSS样式逐渐变化为另一套样式;在动画过程中能够多次改变这套CSS样式;以百分比来规定改变发生的时间,或通过关键词"from"/"to",等价于0%和100%;为了获得最佳的浏览器