林忧天 發表於 2022-12-10 14:39:00

开发一个最简单的iOS App

<h1 id="开发一个最简单的ios-app">开发一个最简单的iOS App</h1>
<p>大家好,我是孜孜不倦学习的Zhangbeihai。<br>
上月底我组织了【组队学习】TensorFlow 入门课程(中文)<br>
,截至目前有300多同学加入。主要就是 <code>TensorFlow Lite</code>、<code>TensorFlow.js</code> 和 <code>TF Serving</code>的实操,其实今年3月份我就接触 <code>TensorFlow.js</code> 了,当时还写了一篇入门教程:TensorFlow.js 用浏览器玩机器学习,9月在谷歌开发者大会上,我还亲身体验了这些黑科技,非常奇妙。</p>
<p>但是作为一个对开发一无所知的人,我也想尝试借助 TensorFlow Lite 在 Android 和 iOS 上部署并使用机器学习模型。Learn by doing是我最推崇的学习方法,所以就跟着课程第第四章code了一下,收获满满,本文即为我做的学习笔记。</p>
<h2 id="准备工作">准备工作</h2>
<p>0 买一台Mac<br>
1 从 App Store 安装Xcode<br>
2 从 Terminal 安装 CocoaPods</p>
<pre><code>brew install cocoapod
</code></pre>
<p>Cocoapods是一个用来帮助我们管理第三方依赖库的工具,他可以解决库与库之间的依赖关系,下载库的源码,同时通过创建一个 Xcode 的 workspace 来将这些第三方库与我们的工程连接起来,方便开发使用。</p>
<h2 id="开始开发">开始开发</h2>
<p>打开Xcode,新建一个Project</p>
<p><img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221206232321.png"></p>
<p>类型选iOS App</p>
<p><img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221206232349.png"></p>
<p>填上工程名称,登录开发者账号,interface选StoryBoard,语言选Swift,保存到指定位置。</p>
<p><img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221206232508.png"></p>
<p>初始化完成后到样子<br>
<img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221206232941.png"></p>
<p>Terminal 中 cd 到工程文件夹,执行命令<code>pod init</code></p>
<p>初始化完成后,工程文件夹出现Profile文件</p>
<p><img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221206233832.png"></p>
<p>添加Profile文件到工程文件,注意勾选Destination和Added folder<br>
<img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221206233931.png"></p>
<p>修改Profile,安装TensorFlowLiteSwift<br>
<img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221206234714.png"></p>
<p>回到命令行<code>pod install</code> 保存的工程文件会出现一个Pods文件夹<br>
<img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221206235514.png"></p>
<p>把这个Pods文件夹copy到我们的工程文件夹比如我的是tf-demo</p>
<p><img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221207151451.png"><br>
<img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221207151712.png"></p>
<p>下面开始设计用户界面<br>
<img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221207152545.png"></p>
<p>用快捷键shift+cmd+L或点击右上角+号,打开控件库,把需要的空间拖到界面上,效果如下</p>
<p><img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221207160901.png"></p>
<p>然后点击左上角 ▶️ 可以先看看效果</p>
<p><img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221207153704.png"></p>
<p>蛮酷的</p>
<p>然后,为了便于编辑源程序,我们可以把屏幕分为左右两个部分,在右侧屏幕显示ViewController,效果如下</p>
<p><img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221207154358.png"></p>
<p>按住Control 用鼠标把【输入数字】那个控件拖到UIControloller里</p>
<p><img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221207155637.png"></p>
<p>放开鼠标,输入控件类型,【显示结果】控件同样的操作,名称:ResultLabel</p>
<p><img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221207155537.png"></p>
<p>【计算】控件操作类似,只是Connection要选择 Action ,Name填onClicked</p>
<p>想要的效果是,当点击计算按钮时,显示结果那里变成输入控件输入的内容。</p>
<p>只需在onClicked函数中</p>
<pre><code>    @IBAction func onClicked(_ sender: Any) {
      ResultLabel.text = inputText.text
    }
</code></pre>
<p>点击播放,看看效果</p>
<p><img src="https://my-wechat.oss-cn-beijing.aliyuncs.com/20221207161703.png"></p>
<p>至此,我学会了开发最简单的iOS APP</p>
<p>希望先成为微信好友,后成为公众号读者</p>
<p><img src="https://files.mdnice.com/user/3611/6ce81b37-06c3-4381-b562-3dcf775c0db8.png"></p><br><br>
来源:https://www.cnblogs.com/jpld/p/16971563.html
頁: [1]
查看完整版本: 开发一个最简单的iOS App