UIWebView中自定义view、图片自适应屏幕大小

注:本文只介绍UIWebView加载服务器下发的html字符串、对html中含有的文字进行自动换行,图片进行自适应大小

    加一句,要实现在webview的head上加一个标题栏的,用来展示标题、作者、创建时间等信息。uiwebview可以查看到,它的滚动是依靠里面的的UiScrollView来进行的,所以,为了在webview上自定义一个头,只需要给UIScrollView增加偏移量。

一、定义UIWebView

@property (nonatomic, strong) UIWebView *webView;
    self.webView = [[UIWebView alloc] init];
   self.webView.frame = CGRectMake(0, 64, self.bounds.size.width,<span style="font-family: Arial, Helvetica, sans-serif;">self.bounds.size.height);  //html中含有省略号太长,导致页面左右滑动,所以拼接html,设置文章内容自动换行</span>
    NSString* tempStr = [NSString stringWithFormat:@"%@",,self.htmlString];
    [self.webView loadHTMLString:tempStr baseURL:nil];
    self.webView.backgroundColor = [UIColor clearColor];
    self.webView.delegate = self;  //UIWebViewDelegate 否则这句会报警告

#pragma mark -- webview delegate
// 只有返回yes时,才会继续加载这个请求  即如果如果是一个地址链接的话,就不需要加载
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;
{
    if ( navigationType == UIWebViewNavigationTypeLinkClicked ) {
        [[UIApplication sharedApplication] openURL:[request URL]];
        return NO;
    }
    return YES;
}

//在页面加载完成时,图片进行自适应
-(void)webViewDidFinishLoad:(UIWebView *)webView
{
    NSString* jsString = [NSString stringWithFormat:@"var script = document.createElement('script');"
                          "script.type = 'text/javascript';"
                          "script.text = \"function ResizeImages() { "
                          "var myimg,oldwidth;"
                          "for(i=0;i <document.images.length;i++){"
                          "myimg = document.images[i];"
                          "myimg.setAttribute('style','max-width:%f;height:auto')"
                          "}"
                          "}\";"
                          "document.getElementsByTagName('head')[0].appendChild(script);",SCREEN_WIDTH - 20];
    
    
    //图片自适应
    [webView stringByEvaluatingJavaScriptFromString:jsString];
    [webView stringByEvaluatingJavaScriptFromString:@"ResizeImages();"];
    [self.view addSubview:self.webView];
    [bee.ui.appBoard dismissTips];
}

//加载失败调用的函数
-(void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error
{
}



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值