iOS app可视化开发（一）使用Xcode创建app

更多开发信息欢迎关注我的新浪微博：Jenny爱学习
自Apple. Inc推出swift语言之后，Xcode也更新了几个版本。目前新版的Xcode已经支持可视化的app开发，这意味着，在线生成app的产业进一步被削弱，同时可视化的开发减少了程序员的开发人员成本和UI人员的设计时耗。Xcode的可视化开发功能，可以帮助社科类开发人员在没有编程训练的基础下完成一个app的创建和发布。同时使用Xcode开发app将集成apple本身的属性，能够调用陀螺仪等自带的功能。而在线生成app工具的最大缺点就是无法调用陀螺仪、注册用户受限、不能使用apple产品的一些特殊功能等。
本系列博客面向应用程序的具体部署。
一 创建app
1.打开苹果自带的Xcode：本博客用的最新版本Version 8.3.3
2.选择第二个：Create a new Xcode project创建一个新的Xcode工程



3.在第一行“product name”填写应用名称
Bundle Identifier为应用发布唯一标识
Next



4.开发的是一款普通应用因此选择第一个“Single View Application”单视图应用
其他类型应用的开发，将会在后续更新
5.Next
6.保存路径
7.Create



二. 使用Xcode搭建第一个app界面
老程序员习惯用纯代码创建UI界面，当Xcode推出storyboard功能之后，storyboard因其高效的开发界面帮助程序员将更多用于debug的精力集中于UI的动效设计和产品痛点，提升用户体验。
1.创建界面：左侧“Main.storyboard”进入故事版
2.添加控件：界面布局，右下角控件选择一个“button”按钮，拖拽至app界面合适位置，双击button控件修改名称



3.添加图片控件：同2拖拽方式实现



4.控件关联
将image控件拖拽住如图代码位置，代码为自动生成：按住control键，鼠标拖拽



修改名称



关联文字控件拖拽



三 资源上传
1.上传图片：打开finder-选择合适图片-拖拽至assets.xcassets-Appicon界面中



2.记住上传图片的名称，之后关联按钮需要



3.ViewController.m:关联代码-高亮部分



三 运行
1.选择真机或者模拟器型号：command+R 运行



第一次运行会需要时间，运行成功后即可点击进入界面