iOS&&Swift入门(一)App建立及Xcode界面介绍
2015-07-30 00:32
218 查看
6月份本科毕业之后转到了CS系,正式开始了码农生活。本来最近在跟教授做augmented reality的项目,用安卓机跑,但朋友假期学着iOS突然有了business idea,于是今天谈了谈我也准备一起入坑啦~晚上看了一些YouTube视频,开始了iOS/Swift学习之路……
这篇就谈谈美好的iOS开发环境Xcode吧~
作为有着build-in SDK的iOS开发环境,iOS开发者比安卓容易上手很多,一台Mac解决了全部问题(当然现在的android studio已经比之前用eclipse的年代方便很多了…),无需自己额外配置环境。
那就直接上手!
选Create a new Xcode project
只是做基础及面介绍,选Single View Application就好啦,点Next
随便起个名字,Language选Swift (C的时代过去了,拥抱Swift !),Device选iPhone或Universal随意,点Next
选择你的代码存储路径,如果没在用Github同步你的代码就把下面Create Git ..那个勾取消~ (我和朋友是在Github上一起建文档做的…git & Xcode的连接在别的日志写吧~)然后点Create
于是下面这个纷乱的界面就出现了!
我们一点点来说:
现在分左侧栏,中间区域,右侧栏
(点击右上角的
可以收起/显示左侧栏和右侧栏,还有下面console的区域)
中间 就是App基本信息
左侧 各个文件,现阶段有用的就是Sample(App名)文件夹
.swift文件们就相当于.java,.cpp等等这些主导project的文件们,用来写class, method等
.storyboard就是设计UI的地方啦~
Images.xcassets 是用来装app icon,自定义图片的地方
LaunchScreen顾名思义就是加载App时候显示的图片啦
右侧 等下和HelloWorld一起说~
其实这么说还是会有一点头疼,那就拿业内默认的hello world!来解释吧:
点开(单击就可以,双击会为该文件开新页面)Main.storyboard
收起左侧栏(为了看得方便),会出现这样的界面。如果没有最左面那栏,可以点左下角
来显示。
现在在右侧栏四个标志中选择第三个圆的,然后在右下角的搜索栏搜索label (界面上用来显示文字的地方)
点击label拖住拽到viewController上:
双击Label就可以把它改成Hello World啦~
选中字的时候,右侧栏上方区域选择第四个可以更改字体大小颜色之类的:
可以看到viewController是正方形的,这是为了适用于各个型号的手机和平板,但是有一个粗暴简单的方法可以让我们先看到效果…:
选中viewController, 在右侧栏上方第一个tab下把Use Size Classes取消,Xcode会问你一下,直接disable就好。这时viewController会变成iPhone5/5s的屏幕大小~选择模拟器的时候选它们就能看到预期效果啦
我们试着run一下,点上面栏的左侧就好了~
当当当当~Hello World!
后话:写博客比录视频费时多了呢,而且感觉效果也没有视频好,中国要是不墙YouTube,就多了一个学习天堂。接下来写写改App图标^_^写起来比学起来慢多了…感觉博客好可能跟不上节奏,本来还想写写android & python的自学呢看来只能放一放了
后后话:希望有人捧场~希望有帮助
这篇就谈谈美好的iOS开发环境Xcode吧~
作为有着build-in SDK的iOS开发环境,iOS开发者比安卓容易上手很多,一台Mac解决了全部问题(当然现在的android studio已经比之前用eclipse的年代方便很多了…),无需自己额外配置环境。
那就直接上手!
选Create a new Xcode project
只是做基础及面介绍,选Single View Application就好啦,点Next
随便起个名字,Language选Swift (C的时代过去了,拥抱Swift !),Device选iPhone或Universal随意,点Next
选择你的代码存储路径,如果没在用Github同步你的代码就把下面Create Git ..那个勾取消~ (我和朋友是在Github上一起建文档做的…git & Xcode的连接在别的日志写吧~)然后点Create
于是下面这个纷乱的界面就出现了!
我们一点点来说:
现在分左侧栏,中间区域,右侧栏
(点击右上角的
可以收起/显示左侧栏和右侧栏,还有下面console的区域)
中间 就是App基本信息
左侧 各个文件,现阶段有用的就是Sample(App名)文件夹
.swift文件们就相当于.java,.cpp等等这些主导project的文件们,用来写class, method等
.storyboard就是设计UI的地方啦~
Images.xcassets 是用来装app icon,自定义图片的地方
LaunchScreen顾名思义就是加载App时候显示的图片啦
右侧 等下和HelloWorld一起说~
其实这么说还是会有一点头疼,那就拿业内默认的hello world!来解释吧:
点开(单击就可以,双击会为该文件开新页面)Main.storyboard
收起左侧栏(为了看得方便),会出现这样的界面。如果没有最左面那栏,可以点左下角
来显示。
现在在右侧栏四个标志中选择第三个圆的,然后在右下角的搜索栏搜索label (界面上用来显示文字的地方)
点击label拖住拽到viewController上:
双击Label就可以把它改成Hello World啦~
选中字的时候,右侧栏上方区域选择第四个可以更改字体大小颜色之类的:
可以看到viewController是正方形的,这是为了适用于各个型号的手机和平板,但是有一个粗暴简单的方法可以让我们先看到效果…:
选中viewController, 在右侧栏上方第一个tab下把Use Size Classes取消,Xcode会问你一下,直接disable就好。这时viewController会变成iPhone5/5s的屏幕大小~选择模拟器的时候选它们就能看到预期效果啦
我们试着run一下,点上面栏的左侧就好了~
当当当当~Hello World!
后话:写博客比录视频费时多了呢,而且感觉效果也没有视频好,中国要是不墙YouTube,就多了一个学习天堂。接下来写写改App图标^_^写起来比学起来慢多了…感觉博客好可能跟不上节奏,本来还想写写android & python的自学呢看来只能放一放了
后后话:希望有人捧场~希望有帮助
相关文章推荐
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 不可修补的 iOS 漏洞可能导致 iPhone 4s 到 iPhone X 永久越狱
- iOS 12.4 系统遭黑客破解,漏洞危及数百万用户
- 每日安全资讯:NSO,一家专业入侵 iPhone 的神秘公司
- [转][源代码]Comex公布JailbreakMe 3.0源代码
- js判断客户端是iOS还是Android等移动终端的方法
- IOS开发环境windows化攻略
- .net平台推送ios消息的实现方法
- 探讨Android与iOS,我们将何去何从?
- Android、iOS和Windows Phone中的推送技术详解
- IOS 改变键盘颜色代码
- Android和IOS的浏览器中检测是否安装某个客户端的方法
- javascript实现阻止iOS APP中的链接打开Safari浏览器
- iOS开发之路--微博OAuth授权_取得用户授权的accessToken
- ios通过按钮点击异步加载图片
- ios中图像进行压缩方法汇总
- IOS检测指定路径的文件是否存在
- iOS、Mac OS X系统中编程实现汉字转拼音的方法(超级简单)