美文网首页
图片倒影的实现

图片倒影的实现

作者: captain_Lu | 来源:发表于2016-07-19 15:11 被阅读115次

倒影

图片倒影.png

实现思路:

1.用复制图层实现,搞个UIImageView展示图片,然后复制UIImageView.

2.注意:复制图层只能复制子层,但是UIImageView只有一个主层,并没有子层,因此不能直接复制UIImageView.

3.正确做法:应该把UIImageView添加到一个UIView上,然后复制UIView的层,就能复制UIImageView.

注意:默认A控件是B控件的子控件,那么A控件的层就是B控件的层的子层。

4.但是有问题,默认UIView的层不是复制层,我们想把UIView的层变成复制层,重写+layerClass方法。

+ (Class)layerClass
{
    return [CAReplicatorLayer class];
}

5.倒影效果:就是就是把复制图片旋转180度,然后往下平移,最好先偏移在,在旋转。

   CAReplicatorLayer *layer = (CAReplicatorLayer *)self.v.layer;
    layer.instanceCount = 2;

    // 先Y轴偏移
    CATransform3D transform =  CATransform3DMakeTranslation(0, self.v.bounds.size.height, 0);

    // 在旋转
    transform = CATransform3DRotate(transform, M_PI, 1, 0, 0);

    // 设置复制层的形变
    layer.instanceTransform = transform;

    // 设置颜色通道偏移量,相等上一个一点偏移量,就是阴影效果
    layer.instanceRedOffset = -0.1;
    layer.instanceGreenOffset = -0.1;
    layer.instanceBlueOffset = -0.1;
    layer.instanceAlphaOffset = -0.1;

相关文章

  • 图片倒影的实现

    倒影 实现思路: 1.用复制图层实现,搞个UIImageView展示图片,然后复制UIImageView. 2.注...

  • Quartz2D之倒影效果

    先来看一下倒影的效果,从效果图中可以看出好像图片的下方是图片本身在水中的倒影。其实真正实现起来很简单,核心...

  • 图片倒影

    方法一 将图片添加到两个相同的layer上 对要倒影的结果layer 进行180度旋转 使用渐变图层进行颜色处理 ...

  • 倒影

    倒影 实现思路: 1.用复制图层实现,搞个UIImageView展示图片,然后复制UIImageView. 2.注...

  • Android ViewPager打造3D画廊

    要实现如上图的功能,需要以下几点: 使用ViewPage 设置PageTransformer 获取图片倒影 Vie...

  • 一张图让你快速掌握CSS3倒影

    在CSS3之前,想要实现示例图片这样的一个倒影效果一般只能通过处理图片的方式,而CSS3问世之后,想要实现这样的效...

  • 图片 倒影效果

    public boolean createReflectedImages() { final int reflec...

  • Android 生成倒影图片

    public staticBitmapcreateReflectedImage(Bitmap sourceBitm...

  • Android 图片处理,缩放、Drawable->Bitmap

    //放大缩小图片 //将Drawable转化为Bitmap //获得圆角图片的方法 //获得带倒影的图片方法

  • 文字和图片的倒影效果

    倒影的实现语言:-webkit-box-reflect: below 10px -webkit-linear-gr...

网友评论

      本文标题:图片倒影的实现

      本文链接:https://www.haomeiwen.com/subject/pwimjttx.html