191天前2019-04-11 13:22:35 |    抢沙发  363 
之前对我们开发web程序的人来说,ios app应用好像有点儿遥不可及。想想要学习的成本应该很高。但是最近静心了解到,xcode可以直接对html5网页进行封装。这样的话对web开发人员来说就是一个福利了,我们只需要开发好web程序,然后直接用xcode进行封装就好了,下面请跟随静心一起看看xcode如何对html5进行封装吧!

ios

1,打开xcode10默认情况下,mac可能并没有安装,所以需要去App Store里面安装。

xcode

2,选择新建空白应用。

xcode

3,填写项目名称、组织机构,语言选择Objective-C

xcode

4,选择存储路径 注意Source Control 不要选择

xcode

5,点击项目下面的ViewController.m,加入红色框的代码,URL改成您的H5网址

xcode

CODE:

引入头文件:

#import <WebKit/WebKit.h>
添加html引入代码:

// 1.创建webview,并设置大小,"20"为状态栏高度
    WKWebView *webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 20, self.view.frame.size.width, self.view.frame.size.height - 20)];
    // 2.创建请求
    NSMutableURLRequest *request =[NSMutableURLRequest requestWithURL:[NSURL URLWithString:@"https://www.32e.top/"]];
    // 3.加载网页
    [webView loadRequest:request];
    
    // 最后将webView添加到界面
    [self.view addSubview:webView];
6,点击项目名称设置>>Info>>Bundle name,修改APP名称

xcode

7,默认用HTTP协议打开是空白的,要修改一下Info.plist

xcode

8,在红色框位置添加如下代码

xcode

代码:

<key>NSAppTransportSecurity</key>
    <dict>
        <key>NSAllowsArbitraryLoads</key>
        <true/>
    </dict>
9,点击Assets.xcassets,修改APP图标,直接将相应尺寸的图标拖进去就行了,这个地方有点儿蛋疼,要做好多尺寸的图片,可以自己先拖进去然后会有感叹警告符号,点击这个符号按照提示的尺寸做就好了,图片直接拖进去就好。

xcode

10,添加完的效果;

xcode

11,点击Assets.xcassets,设置启动画面,默认是没有启动画面的,需要手动添加

xcode

12,添加启动画面,又是一顿蛋疼的图片操作。

xcode

13,然后需要设置以下两个地方,默认应该是填充了的没有就自己选择一下

xcode

14,这里也是默认应该有设置的,没有就自己设置一下

xcode

15,如果要自定义启动画面的展示时间,可以设置如下代码

xcode

代码:

//设置启动动画展示3秒
    [NSThread sleepForTimeInterval:3.0];
    [_window makeKeyAndVisible];
16,直接点击开始按钮进行编译测试(开始以后会跳出模拟器,会进行开机操作,需要等待一会儿)。

xcode

17,效果如下图,说明成功。

xcode

PS:以上就是直接封装url到app中,也可以直接封装本地文件。

加载网页函数WKWebView也支持各种文件格式,并新增了loadFileURL函数,顾名思义加载本地文件。

示例:

/// 模拟器调试加载mac本地文件
- (void)loadLocalFile {
    // 1.创建webview,并设置大小,"20"为状态栏高度
    WKWebView *webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 20, self.view.frame.size.width, self.view.frame.size.height - 20)];
    // 2.创建url  userName:电脑用户名
    NSURL *url = [NSURL fileURLWithPath:@"/Users/userName/Desktop/bigIcon.png"];
    // 3.加载文件
    [webView loadFileURL:url allowingReadAccessToURL:url];
    // 最后将webView添加到界面
    [self.view addSubview:webView];
}
具体可以参考:https://www.cnblogs.com/junhuawang/p/5759224.html

最后,如果你想发布到App Store那么你需要购买开发者账号,好像是600多还是900多一年。

发表评论

暂无评论

登录

忘记密码 ?

切换登录

注册

扫一扫二维码分享