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

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

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下载地址:

 

你可能感兴趣的文章
API与软件架构-接口
查看>>
远程桌面卡
查看>>
Xtrabackup每周增量备份脚本程序
查看>>
在web工程中设置首页的页面
查看>>
Fail-Fast机制详解
查看>>
USACO1.5Superprime Rid[附带关于素数算法时间测试]
查看>>
Windows 10 开机项清理
查看>>
[转] 从 dll 程序集中动态加载窗体
查看>>
PM2实用入门指南
查看>>
HTML超链接
查看>>
python 技巧 之 pyCharm快速添加第三方库和插件
查看>>
jquery GET POST
查看>>
mysql 5.6.33发布
查看>>
个人总结
查看>>
Eclipse快捷键 10个最有用的快捷键
查看>>
Nexpose
查看>>
java 获取URL链接 内容
查看>>
Dynamo涉及的算法和协议——p2p架构,一致性hash容错+gossip协议获取集群状态+向量时钟同步数据...
查看>>
【高并发解决方案】2、集群概述
查看>>
opengl 矩阵变换
查看>>