博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[置顶] ios 网页中图片点击放大效果demo
阅读量:5154 次
发布时间:2019-06-13

本文共 2143 字,大约阅读时间需要 7 分钟。

demo功能:点击网页中的图片,图片放大效果的demo。iphone6.1 测试通过。

demo说明:通过webview的委托事件shouldStartLoadWithRequest来实现。

demo截屏:

demo主要代码:

 

#pragma mark -#pragma mark UIWebViewDelegate- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType{    //将url转换为string	NSString *picName = [[request URL] absoluteString];	NSLog(@"picName is %@",picName);    //hasPrefix 判断创建的字符串内容是否以pic:字符开始	if ([picName hasPrefix:@"pic:"]) {		[self showBigImage:[picName substringFromIndex:4]];		return NO;	}else {		return YES;	}}#pragma mark -//显示大图片-(void)showBigImage:(NSString *)imageName{	//创建灰色透明背景,使其背后内容不可操作	UIView *bgView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 460)];	[bgView setBackgroundColor:[UIColor colorWithRed:0.3 											   green:0.3 												blue:0.3 											   alpha:0.7]];	[self.view addSubview:bgView];	[bgView release];		//创建边框视图	UIView *borderView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, BIG_IMG_WIDTH+16, BIG_IMG_HEIGHT+16)];	//将图层的边框设置为圆脚     borderView.layer.cornerRadius = 8; 	borderView.layer.masksToBounds = YES;     //给图层添加一个有色边框 	borderView.layer.borderWidth = 8; 	borderView.layer.borderColor = [[UIColor colorWithRed:0.9													green:0.9													 blue:0.9													alpha:0.7] CGColor];	[borderView setCenter:bgView.center];	[bgView addSubview:borderView];	[borderView release];		//创建关闭按钮	UIButton *closeBtn = [UIButton buttonWithType:UIButtonTypeCustom];	[closeBtn setImage:[UIImage imageNamed:@"close.png"] forState:UIControlStateNormal];	[closeBtn addTarget:self action:@selector(removeBigImage:) forControlEvents:UIControlEventTouchUpInside];	NSLog(@"borderview is %@",borderView);	[closeBtn setFrame:CGRectMake(borderView.frame.origin.x+borderView.frame.size.width-20, borderView.frame.origin.y-6, 26, 27)];	[bgView addSubview:closeBtn];		//创建显示图像视图	UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(8, 8, BIG_IMG_WIDTH, BIG_IMG_HEIGHT)];	[imgView setImage:[UIImage imageNamed:imageName]];	[borderView addSubview:imgView];	[imgView release];}

demo下载地址:

 

转载于:https://www.cnblogs.com/xinyuyuanm/p/3165608.html

你可能感兴趣的文章
Timer-triggered memory-to-memory DMA transfer demonstrator
查看>>
跨域问题整理
查看>>
[Linux]文件浏览
查看>>
64位主机64位oracle下装32位客户端ODAC(NFPACS版)
查看>>
获取国内随机IP的函数
查看>>
今天第一次写博客
查看>>
江城子·己亥年戊辰月丁丑日话凄凉
查看>>
IP V4 和 IP V6 初识
查看>>
Spring Mvc模式下Jquery Ajax 与后台交互操作
查看>>
(转)matlab练习程序(HOG方向梯度直方图)
查看>>
『Raid 平面最近点对』
查看>>
【ADO.NET基础-数据加密】第一篇(加密解密篇)
查看>>
C语言基础小结(一)
查看>>
STL中的优先级队列priority_queue
查看>>
UE4 使用UGM制作血条
查看>>
浏览器对属性兼容性支持力度查询网址
查看>>
OO学习总结与体会
查看>>
虚拟机长时间不关造成的问题
查看>>
校门外的树2 contest 树状数组练习 T4
查看>>
面试整理:Python基础
查看>>