iOS 7 Xcode 5 最初级小教程, 人生中第一个App诞生了

2013-09-24  付民 

相信IT男们,总会有那么一天希望自己捣鼓一个小App 让女朋友开心一下。那么就有了本文的开始的动机,话说带着兴趣做事情的时候进度是最快的也是最轻松的,这也是因为为什么有女朋友陪着的时候走多远的路脚都不会累。



好吧,那就开始了, 首先,为了开始你需要先去下载一个 Xcode 。
https://itunes.apple.com/us/app/xcode/id497799835?mt=12

本文使用的 Xcode 是  iOS 7 版本发布后的 Xcode 5 。
所以这将会使用到 iOS 7 全新的扁平化的界面。


* 小弟是个开发菜鸟,有些说法与做法可能有些不准确不对,仅以本文与想熟悉 iOS 开发的朋友分享。MacX 众位高手也请多多提拔小弟。

简单说,本文是个最初级的教程,最后的作业就是做一个当你点击一个按钮的时候会弹出对话框,I love you。
如何在 iPhone 上实现呢? 下面开始吧。 

第一步运行 Xcode 。

xcode 教程.jpg 

点击 Create a new Xcode project 。

1-15.jpg 

因为是个超级简单的程序, 所以就选择 应用程序模板, Single View Application . 
点击 Next 继续.

xcode ios 7 .jpg 

因为这个是你的第一个App 程序, 所以你按照行业规定, 你人生中第一个程序必须的叫做 HelloWorld .
其他的就按照图示填写就可以了. 

Xcode ios7.jpg 

选择一个保存你App的硬盘位置 ,这个随便就可以啦.



点击创建后你人生中第一个应用程序就已经完成了一大半了.  
简单说一下 左侧是文件, 中间是布局与编辑器 , 右侧是属性. 小弟从小学编程都是野路子, 所以很不喜欢学编程前,先学一对什么叫做变量啊, 什么叫做方法啊, 个人觉得这些书都是为了凑字数骗钱的. 当你这些名词看了差不多书也过半了, 你也一点兴趣都没有了. 

俗话说得好, 怎么学说话最快? 那就是找个会说话的女朋友. 

所以在这里跟大家说, 如果你要学会一个事儿, 最好的办法就是去尝试 . 实践出真知嘛~~~

----

现在你已经有了一个App了其实, 你可以点击播放按钮, 你会发现成功编译并且在模拟器中运行了, 只是里面啥都没有.
ios 7 xcode.jpg 



下面我们为了能弄点小技巧让女朋友开心. 首先我们点击 Main.Storyboard 打开布局界面.
xcode ios 7.jpg 

你的人生中第一个App 界面就在这里了.  我们现在要做的就是给里面增加一个按钮. 
找到右侧下方的控件区域,也叫做对象... Objects.... 
ios 7 xcode 5.jpg 
以前叫做 Round text button. iOS 7 后就叫做 Button了. 你直接找到 Button 就可以了. 直接拖拽到中间的布局界面内

ios 7 xcode 5-1.jpg 

然后, 我们双击 Button 修改文字内容. 这个就随你吧, 比如你媳妇叫什么? 




当你改好的时候, 你就需要鼓励一下自己, 因为你今天不仅仅有了人生中第一个app , 也有了人生中第一个app 按钮了.

下面你再点击运行的时候你就会发现模拟器中有这个按钮了, 只是点击后没有任何的反应.

下面我们就要做点细致的工作了.

点击左侧的文件里表中的 HelloWorldViewController.h 在 @end 之前加入 
  1. -(IBAction)showMessage;
复制代码


意思是程序会有一个动作就是显示信息.

然后点击 HelloWorldViewController.m 
在 @end 之前加入

  1. - (IBAction)showMessage 
  2. {
  3.     UIAlertView *helloWorldAlert = [[UIAlertView alloc]
  4.                                     initWithTitle:@"My Dear,Jing" message:@"I Love You" delegate:nil cancelButtonTitle:@"I Love you ,too." otherButtonTitles:nil];
  5.     
  6.     [helloWorldAlert show];
  7. }
复制代码


本段意思首先是要为 showMessage这个动作赋予一些内容.
因为是你第一个app, 所以, 就先不说那些无聊的指针啊 方法啊,类啊. 
但是这里有个建议就是为了让你更书序 苹果的Objective-C 的语法建议你如上这些信息最好是看着手动输入. 这样才能熟能生巧. 否则光是粘贴复制,最后只能落得一场空哦. 

简单解释一下, 如上的代码就是告诉程序当你点击的时候显示 I Love you ,取消按钮显示 I love you , too. 

好了, 代码方面已经完成了.
那我们如何将 界面与代码动作联系到一起呢?

左侧点击 Main.storyboard
还记得之前我们拖拽过来的 按钮么?1-17.jpg 

在右侧有一些系统内建的事件. 我们选择当这个按钮被你按下的时候 Touch Down . 


直接在右侧的小圆钮拖拽到 按钮上会显示一个关联的动作.

1-18.jpg 

就是我们之前在程序中声明过的 showMessage . 点击确定即可.


好了保存. 点击运行..



ios 7 xcode 5-2.jpgios 7 xcode-1.jpg 



好了, 你第一个触控的App 就完成啦.  咋样很容易吧. 一个漂亮的 iOS 7 风格的App 就此诞生啦. 
好好吃顿大餐庆祝一下吧. 

来至:http://www.macx.cn/thread-2104805-1-1.html
385°/3855 人阅读/0 条评论 发表评论

登录 后发表评论