图片切换的效果

图片切换的效果

 

效果

 

源码

https://github.com/YouXianMing/Animations

//
//  LiveImageView.h
//  Animations
//
//  Created by YouXianMing on 15/12/27.
//  Copyright  2015年 YouXianMing. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface LiveImageView : UIImageView

@property (nonatomic)  CGFloat  duration;

@end
//
//  LiveImageView.m
//  Animations
//
//  Created by YouXianMing on 15/12/27.
//  Copyright  2015年 YouXianMing. All rights reserved.
//

#import "LiveImageView.h"

@interface LiveImageView () {

    CALayer  *_Layer;
}

@end

@implementation LiveImageView

- (id)initWithFrame:(CGRect)frame {

    if ([super initWithFrame:frame]) {

        _duration = 0.3f;
        _Layer    = self.layer;
    }

    return self;
}

@synthesize image = _image;

- (void)setImage:(UIImage *)image {

    if (_image != image) {

        CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"contents"];
        animation.fromValue         = (__bridge id)(_image.CGImage);
        animation.toValue           =  (__bridge id)(image.CGImage);
        animation.duration          = _duration;
        _Layer.contents             = (__bridge id)(image.CGImage);
        [_Layer addAnimation:animation forKey:nil];

        _image = image;
    }
}

- (UIImage *)image {

    return _image;
}

@end

细节

 

时间: 2025-01-02 10:12:27

图片切换的效果的相关文章

图片切换展示效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

js可控带缩略图 图片切换展示效果

提示:您可以先修改部分代码再运行 js可控带缩略图 图片切换展示效果 js可控带缩略图 图片切换展示效果

jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果

jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果,带索引按钮控制和左右按钮控制图片切换,实例代码如下,感兴趣的朋友可以参考下哈   复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery图片

jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结_jquery

本文实例讲述了jQuery实现的Tab滑动选项卡及图片切换效果.分享给大家供大家参考.具体如下: 这里汇总了几个Tab,滑动门,选项卡,图片切换,在一个网页中实现了超多的常用效果,大家喜欢的滑动门,焦点图切换,标签选项卡以及文字轮番等都集中在了一起,无聊的功劳,忙的时候还顾不上写,另外还加入了圆角,都是参考以前学习的知识写的.期间使用了jquery-1.6.2.min.js框架库. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-n

jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果_jquery

复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动</title> <meta name="description" cont

a标签点击切换图片与图片切换浏览效果

a标签事件一般情况是这样写的, 也可能是绑定事件, 解决方式一样: 1. <a href="网页特效://" onclick="dosomething()">a1</a> 2. <a href="javascript:void(0)" onclick="dosomething()">a2</a> 3. <a href="###" onclick=&quo

jquery仿凡客诚品图片切换的效果实例代码

图片版的效果  代码如下 复制代码 <div class="menu">     <div class="has_children">         <span>特价包邮卡通三件套哆啦a梦</span>         <a href="" class="aImg" style="display:block" rel="nofollow&qu

JavaScript 图片切换展示效果alibaba拓展版第1/3页_图象特效

首先需要一个容器,设置它的overflow为hidden,position为relative: 容器里面还要一个滑动对象,设置它的position为absolute: 在initialize()函数里初始化一些属性. 在切换之前先执行Start()函数,进行相关设置, 主要是设置Index属性(索引)和_target属性(目标值): 复制代码 代码如下: if(this.Index < 0){ this.Index = this._count - 1; } else if (this.Index

做个按钮控制图片缓冲切换的效果(带模糊滤镜)

按钮|控制|滤镜 一个带缓冲的图片切换的效果,按钮控制,加了模糊滤镜,提升速度感.源文件已附上.下面是代码: stop(); /////也打上自己的名字-_-,绝命时刻2006年11月18日/////// var sz = 127; var sd = 3; var temp = 1; tempT = temp; t1 = "按钮控制缓冲:带缓冲效果的图片切换."; mcX = mc._x; xfmc._visible = false; if (temp == 1) {