ios 网页中图片点击放大效果demo

来源：互联网发布：软件license设计方案编辑：程序博客网时间：2024/05/21 22:30

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转换为stringNSString *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.9green:0.9 blue:0.9alpha: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下载地址：http://download.csdn.net/download/donny_zhang/5679395