圖片點擊放大,再次點擊返回原視圖.完美封裝,一個類一句代碼即可調用.IOS完美實現 – iPhone手機開發技術文章 iPhone軟體開發教學課程

轉載請聲明源地址點擊打開鏈接

圖片點擊放大,再次點擊返回原視圖.完美封裝,一個類一句代碼即可調用.IOS完美實現

創建瞭一個專門用於放大圖片的類,以下為.h文件

#import 

@interface SJAvatarBrowser : NSObject
/**
 *	@brief	瀏覽頭像
 *
 *	@param 	oldImageView 	頭像所在的imageView
 */
+(void)showImage:(UIImageView*)avatarImageView;

@end

以下為.m文件

#import "SJAvatarBrowser.h"
static CGRect oldframe;
@implementation SJAvatarBrowser
+(void)showImage:(UIImageView *)avatarImageView{
    UIImage *image=avatarImageView.image;
    UIWindow *window=[UIApplication sharedApplication].keyWindow;
    UIView *backgroundView=[[UIView alloc]initWithFrame:CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height)];
    oldframe=[avatarImageView convertRect:avatarImageView.bounds toView:window];
    backgroundView.backgroundColor=[UIColor blackColor];
    backgroundView.alpha=0;
    UIImageView *imageView=[[UIImageView alloc]initWithFrame:oldframe];
    imageView.image=image;
    imageView.tag=1;
    [backgroundView addSubview:imageView];
    [window addSubview:backgroundView];
    
    UITapGestureRecognizer *tap=[[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(hideImage:)];
    [backgroundView addGestureRecognizer: tap];
    
    [UIView animateWithDuration:0.3 animations:^{
        imageView.frame=CGRectMake(0,([UIScreen mainScreen].bounds.size.height-image.size.height*[UIScreen mainScreen].bounds.size.width/image.size.width)/2, [UIScreen mainScreen].bounds.size.width, image.size.height*[UIScreen mainScreen].bounds.size.width/image.size.width);
        backgroundView.alpha=1;
    } completion:^(BOOL finished) {
        
    }];
}

+(void)hideImage:(UITapGestureRecognizer*)tap{
    UIView *backgroundView=tap.view;
    UIImageView *imageView=(UIImageView*)[tap.view viewWithTag:1];
    [UIView animateWithDuration:0.3 animations:^{
        imageView.frame=oldframe;
        backgroundView.alpha=0;
    } completion:^(BOOL finished) {
        [backgroundView removeFromSuperview];
    }];
}
@end

引入此類之後,為自己需要放大的imageView添加tap手勢

UITapGestureRecognizer *tap  = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(magnifyImage)];

    [self.imageView addGestureRecognizer:tap];
- (void)magnifyImage
{
    NSLog(@"局部放大");
    [SJAvatarBrowser showImage:self.imageView];//調用方法
}

轉載請聲明源地址https://blog.csdn.net/u013082522/article/details/18445901

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *