1、打开Xcode选择创建一个新的工程,如下图所示:

2、选择IOS->Single View App,点击Next,如下图所示:

3、输入工程名以及Organization Identfier和编程所使用的语言,如下图所示:

4、选择保存位置,如下图所示:

5、创建之后如下图所示:

6、选择storyboard类型的文件就可显示UI界面(注意要区分Main.storyboard和LanunchScreen.storyboard文件,Main主要是运行之后的界面,LanunchScreen是启动画面),就可以拖动控件了,如下图右下角所示第一个按钮是新建文件的类型都有哪些,如果没有右下角的lib界面则可以选择View->Utilities->Show Object Library打开,也可以隐藏。

7、关于{}按钮应该是添加方法一类的,由于我也是第一次使用,只是做一下记录,这个以后用到的时候在说明吧,如下图所示:

8、第三个就是控件按钮了,比如Buttion、Label、Text等控件,可以选择这里的控件拖放到中间的空白处,如下图所示:

9、左侧的View Controller Scene中的View Controller与右侧的iew Controller对应,其余的都是一一对应的,如下图所示:

10、View指的是在运行时整个屏幕的内容,包括电量,时间等等,如下图所示:

11、Safe Area是在运行时可选择的区域,也是空间可摆放的区域,如下图所示:

12、下图中所示的三角是运行工程,四方框是停止运行,第三个是选择可运行的设备,比如IPhone X等设备,如下图所示:

13、点击三角运行,如下图所示:

14、运行成功之后就会运行出来一个手机形状的虚拟器的界面,由于没有添加任何控件所以是空白的,如下图所示:

注意:如果将控件添加到此界面上在运行几秒钟控件会自动消失,那是因为此界面是启动界面而不是可操作的界面。

2、使用Xcode9创建第一个IOS界面相关推荐

  1. 创建第一个IOS项目

    今天我们创建第一个IOS项目,并在模拟器上运行 首先进入Xcode 点击创建新项目后,接下来该给项目起一个名字啦 HelloWorld! 点击下一步,开始选择模板啦 我们选择SingleView Ap ...

  2. 创建第一个iOS程序

    创建第一个iOS程序 一.准备工作 1. 综合使用基础知识:类 对象 属性 数组 字典 字符 协议 代理 block 2.逻辑思维 3.搭建界面:系统提供的UIKit 自己定义拥有自己风格的控件 1️ ...

  3. 如何在MacOS上创建第一个iOS Flutter应用

    文章目录 1.安装Flutter 2.设置iOS模拟器 3.在Flutter中创建一个Hello World应用 Google于2018年12月4日发布了Flutter 1.0,它是一款功能强大的工具 ...

  4. 【MFC】创建第一个MFC界面项目

    00. 目录 文章目录 00. 目录 01. 概述 02. 使用项目模板创建项目 03. 运行结果 04. 附录 01. 概述 要创建MFC应用程序,可以使用向导来自定义的项目.也可以从头创建应用程序 ...

  5. 如何用 React Native 创建一个iOS APP?(二)

    我们书接上文<如何用 React Native 创建一个iOS APP?>,继续来讲如何用 React Native 创建一个iOS APP.接下来,我们会涉及到很多控件. 1 AppRe ...

  6. vue 创建一个登录界面

    vue创建一个登录界面 (1)创建登录界面和主页 (2)配置路由 (3)配置main.js (4)配置App.vue (5)登录页面 (6)主页面 用到的组件 参考链接 (1)创建登录界面和主页 打开 ...

  7. 用Adobe Flash Professional CS6创建一个iOS应用程序

    引用:http://news.9ria.com/2013/0104/25780.html 平板电脑和智能手机的迅速增长意味着将会有比以往任何时候都多的人使用移动设备来浏览在线内容.其结果就是,Web设 ...

  8. 安装uve-cli,并使用vue ui可视化界面创建第一个vue项目

    安装vue-cli,并使用vue ui可视化界面创建第一个vue项目 下载vue-cli ,因为国内下载镜像比较慢,使用阿里的镜像仓库 npm install -g cnpm --registry=h ...

  9. 创建一个图形界面的计算器

    在这个示例中,我们将使用Nana库创建一个图形界面的计算器.这个计算器的界面看起来是这样的. 界面的布局,使用nana::place可以很方便地实现这个界面. 现在我们开始编码. #include & ...

最新文章

  1. mysql5.7.安装记录
  2. ubuntu14.04中安装opencv2.4.13
  3. android 键盘的隐藏与显示
  4. J2EE进阶(十五)MyEclipse反向工程实现从数据库反向生成实体类之Hibernate方式[申明:来源于网络]...
  5. 后处理没有pui文件怎么打开_UG NX10.0四轴后处理下载(带PUI文件)
  6. .Net IOC框架入门之二 CastleWindsor
  7. import maven project很慢_你确定 Maven 相关的东西全部了解吗?
  8. 【安装包】gcc编译器
  9. 以太坊 solidity 教程
  10. 数据分块算法java_分块查询算法(JAVA)
  11. 如何“复活”一个人,这里有一份最全的技术路线图谱丨钛媒体深度
  12. (XWZ)的python学习笔记Ⅰ
  13. Python Web 框架-Django day07
  14. oracle中的start with
  15. asp.net单点登录
  16. vue自定义封装全局组件与使用
  17. WordPress 前端投稿/编辑发表文章插件 DJD Site Post(支持游客和已注册用户)汉化版 免费下载...
  18. 阡陌路 - 自动档车的开法(转)
  19. 【Redis实战】认识Redis中的全局哈希表
  20. 从Redis List的各种使用场景来深刻理解它

热门文章

  1. 解决MacOS12.6自带的屏幕录制闪退的问题
  2. 固定资产清理之源码研究
  3. 离散数学实验-01 可简单图化,连通图和欧拉图的判断(利用Fleury算法输出欧拉回路)
  4. 前端html学习记录
  5. 中职计算机高考试题卷,中职高中高考计算机试卷试题及含答案.doc
  6. 【爬虫】Heritrix 3.2安装和运行实例
  7. 2023最新盲盒H5商城系统小程序源码+支持抽奖功能/VUE内核开发
  8. 详解以太网诊断DoIP
  9. 关于 SSL 及 CA 证书,你可能需要知道这些
  10. CKA和HCIE那个证书含金量高?