webview组件详解

webview组件详解

ViewController.m 文件

凡是能在原生界面上能看到的都是视图,只是视图的类型不同,混合开发就是一部分功能是由网页完成的

webview组件内置了一个轻量级的浏览器,把我们的html代码渲染出来,是一个特殊的视图,能够展示视图,解析视图。

第一步 创建webview视图
UIWebView *webview = [ [UIWebView alloc] initWithFrame:CGReactMake(100, 150 , 300, 300)]

给webview设置边框
webview.layer.borderWith = 2; //设置边框2像素

webview.layer.borderColor = [UIColor lightGrayColor].CGColor; //设置灰色

[self.view addSubview:webview] //加到空白的大视图上

webview组件详解

第二步 设置实际项目的webview
webview实际视图大小设置要从状态栏以下(0,20)开始设置(空出20像素,状态栏是20像素高)占满整个屏幕,不然会与状态栏重叠,安卓直接从(0,0)开始

CGFloat width = self.view.frame.size.width; //空白页宽度
CGFloat height = self.view.frame.size.height; //空白页高度