使用Xcode创建第一个App
Xcode 11.1入手教程
从Hello word！开始
首先我们先选择创建一个新的Xcode项目，如下:
我们选择新建一个Singal View App,然后next
给我们新建的项目取个名字，选择Storyboard，Next：
选择项目的储存位置：
一号方框是开始调试按钮，开始调试之前我们需要先选择一台模拟设备型号，在二号方框里选择即可，这里我们选择最新的Iphone11ProMax，选择完成之后我们点击开始调试：
之后会弹出一个模拟的手机界面，这就是我们刚刚写的App，因为我们什么都没加，所以一片空白。
回到Xcode，我们选择Main.StoryBoard文件，这是我们的主界面设计文件，我们可以在这里设计我们的App界面，点击右上角加号,选择label控件，给我们的界面增加一个显示的地方，双机控件，编写你要显示的文字，如下：
之后我们再次点击调试按钮，可以看到这次不是一片空白的界面了，这里已经可以显示文字了
但是这样的App是没有一点交互的，只能显示我们设定好的一行字而已，这样的App肯定是没有多大作用的，所以我们来增加其中的互动，首先我们在Navigate中选择open in next editor之后选中一边的窗口点开Main.storyboard，然后另一边的窗口选择viewContoller文件
打开的效果应该是这样的：
左键选中我们创建的控件同时按住Control键，将其拖到右边的代码行位置，跳出如下提示框，我们选择创建：
这里就可以看到我们刚刚创建的UIlabel型变量了，代表的就是我们界面中的label控件
为了互动起来，我们再次点击加号选择Button控件将其添加到界面上，同样将Button按住control连接到代码中，这次选择Action类型，创建响应函数，函数代表按钮被按下该做的事
编辑我们创建好的代码，让label显示Yes，you are right！
点击调试运行，如下结果：
按下Button，label显示内容改变了：
源代码百度网盘链接：HelloWord演示源代码
提取码：2xqz
使用Xcode创建第一个App相关推荐
- Angular2快速入门-1.创建第一个app
一.环境搭建 Angular2 运行在nodejs 环境下,需要我们先创建好nodejs环境,具体操作 1.下载安装Nodejs,参考网址,https://nodejs.org/en/ 选择64位,下 ...
- 使用Xcode创建第一个c语言项目和源文件进行编程（xcodes使用教程）
一.Xcode简介 Xcode 是运行在操作系统Mac OS X上的集成开发工具(IDE),由Apple Inc开发.Xcode是开发 macOS 和 iOS 应用程序的最快捷的方式.Xcode 具有 ...
- 一步步的教你如何创建第一个APP？－swift
准备好了么? 准备好创建你的第一个app了么? 在这个教程中,你会学习到如何创建一个简单的游戏,叫做"Tap me",游戏的玩法是看你在30秒之内可以点击按钮多少次,来给你评分. ...
- iOS app可视化开发（一）使用Xcode创建app
更多开发信息欢迎关注我的新浪微博:Jenny爱学习 自Apple. Inc推出swift语言之后,Xcode也更新了几个版本.目前新版的Xcode已经支持可视化的app开发,这意味着,在线生成app的 ...
- Flutter初体验（二）—— 创建第一个Flutter APP
Flutter初体验(二)--- 创建第一个Flutter APP 在第一篇文章 Flutter初体验(一)---Mac 安装配置,学习了配置 Flutter 开发环境,并运行了Demo项目,本篇根据 ...
- Cordova创建你的第一个App
安装Cordova Cli 1.安装cordova命令行工具 前提是: 电脑已经安装好Node.js Node.js简介以及Windows上安装Node.js: https://blog.csdn.n ...
- 初学者用pycharm创建一个django项目和一个app时需要注意的事项
目录 如何新建一个djiango项目: 如何创建一个app: 如何启动一个django项目: 新建一个django项目,需要注意以下几项配置: 如何新建一个djiango项目: 1.在pycharm中 ...
- python写一个路径选择app_django下创建多个app并设置urls方法
1.创建第二个app 假设我们项目P下面已经有了一个默认的app,名字是app1.现在我想创建第二个app,名字时app2. 进入pychram下的Terminal中,运行命令: python man ...
- Sailfish应用开发入门（一）Windows 安装Sailfish，创建第一个Sailfish APP
1.下载安装:virtualbox http://dlc.sun.com.edgesuite.net/virtualbox/4.2.10/VirtualBox-4.2.10-84105-Win.exe ...
- 来，开局先创建一个 app
昨天我们学习了如何安装 Vue 和一个单页应用执行的过程(Vue3 安装与执行过程).今天我们学习一下通过 createApp 来创建一个 app. 创建一个 app 在使用 Vue 框架时,你首次要 ...
最新文章
- @ini_get php,php中get_cfg_var()和ini_get()的用法及区别_php技巧_脚本之家
- python3.6sysos_Python 常用内置模块——sys、os
- 解决 iOS 11 webview 顶部空白条的问题
- JAVA入门: Annotation
- 2019-ACM-ICPC-南京区网络赛-E. K Sum（莫比乌斯反演 + 杜教筛）
- 由表单中onsubmit=return false;想到的
- js导出的xlsx无法打开_vue将数据导出为excel文件就是如此简单
- python可视化数据分析交互作用_一文轻松看懂线性回归分析的交互作用！
- 双模sa_七句话讲清NSA单模与SA+NSA双模手机的真实区别
- 利用MindManager，制作简易的漏斗图
- 基于nodejs的模拟数据分发服务
- Python中list.pop()的使用
- Apple ID 双重认证,请输入有效的电话号码
- 2021计算机一级等级考试考前冲刺模拟试题及答案(WPS Office)
- 《道德经》 老子部分阅读笔记
- Paper翻译：《A Novel Convolutional Neural Network Based Model for Recognition and Classification of App》
- Gamemaker studio2经验（1）——右键人物移动逻辑
- javax.servlet.Filter详解（二） 转自：http://hi.baidu.com/jxnuywf/blog/item/f3834aee93e2fdf8b2fb95cc.html
- 【pytorch】torchvision.transforms 图像的变换详解；图像的预处理；数据增强
- 联想电脑开机卡在logo界面