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 运行


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


















猜你喜欢

转载自blog.csdn.net/Nicolelovesmath/article/details/79340149
今日推荐