zoukankan      html  css  js  c++  java
  • IOS编程浅蓝教程(二) HelloWrld! 建立你的第一个iPhone应用程序

    我希望你已经正确地配置您的开发环境包括安装Xcode。如果你还没有这样做的,查看我们以前的文章去看看开始iOS编程之前你需要做的事。我们将使用Xcode 4.3.2的教程。但是,如果你不能升级到最新版本的Xcode,您也可以Xcode4.2构建应用程序的情况下。

    如果您已阅读任何编程的书,你可能听说过“Hello World”程序。它已成为为首次学习者创造的传统节目。这是一个非常简单的程序,通常显示的设备上输出“HelloWorld”的。在本教程中,让我们按照传统编程路线,使用Xcode创建一个“Hello World”应用程序。尽管它是简单,但“Hello World”程序是有几个目的的:

    ·         它会让你更关注于Objective C的语法和结构,iOS的编程语言。

    ·         它也给你关于Xcode环境的基本介绍。您将学习如何创建一个Xcode项目和通过内置的界面生成器创建的用户界面。

    ·         您将学习如何编译程序,构建应用程序和使用模拟器测试程序。

    ·         最后,它使你认为编程是不困难的。我不想吓唬你。

    来看看在你的第一个应用程序

    在我们开始编写代码之前,让我们先来看看在我们的版本的“Hello World”应用程序。最终界面将看起来像这样:

    image

    你的第一个iPhone应用程序 - “世界您好

    这是非常简单的,只显示一个“Hello World”按钮。点击时,应用程序会通过一个消息提示你。就是这样。没有什么复杂的,但它可以帮助你开始你的iOS编程之旅。

    开始编码!

    首先,启动Xcode中。如果你已经通过Mac App Store安装了Xcode,你应该能够找到Xcode的启动图标。只要按一下Xcode图标去启动它。

    image

    一旦启动,Xcode将显示一个欢迎对话框。从这里,选择创建一个新的Xcode项目来启动一个新的项目:

    image

    Xcode - 欢迎对话框

    Xcode中显示你可选择的各种项目模板。你的第一个应用程序,选择“Single View Application(单视图程序),然后单击下一步

    image

    Xcode项目模板选择

    这将带您到另一个屏幕上填写为您的项目所需的所有选项。

    image

    Hello World应用程序的项目选项

    你可以简单地填写的选项,如下所示:

    ·         Product Name(产品名称):HelloWorld -这是你的应用程序的名称。

    ·         Company Identifier(公司标识):com.appcoda -它实际上是域名的反过来。如果你有一个域名,您可以使用您自己的域名。否则,你可能会使用我们的,或者只需填写在“edu.self”

    ·         Class Prefix(类前缀):HelloWorld - Xcode使用自动命名类的类名的前缀。在未来,你可以选择自己的前缀或,甚至留空白。但在本教程中,让我们保持它的简单和使用的“HelloWorld”

    ·         Device Family(设备系列):iPhone -使用“iPhone”这个项目。

    ·         Use Storyboards使用故事板[unchecked]-不要选择此选项。你不需要为这个简单的项目演示板。

    ·         Use Automatic Reference Counting(使用自动的引用计数):[checked]  -默认情况下,这应该被启用。不用管它。

    ·         Include Unit Tests(包括单元测试):[unchecked] -不要选中此复选框。现在,你不需要单元测试类。

    点击下一步继续。Xcode然后问你,你保存“Hello World”项目位置。选择在您的Mac上的任何文件夹(例如桌面)。您可能会注意到有一个选项为Source Control(源代码管理)。取消对它的选择。在以后的教程中,我们将讨论有关此选项。单击创建继续。

    image

    选择一个文件夹来保存你的项目

    当你确认时,Xcode会根据您所提供的所有选项自动创建“Hello World”项目。屏幕会看起来像这样:

    image

    Hello World项目的主要Xcode的窗口

    熟悉Xcode的工作区

    在我们继续编写你创建的应用程序,让我们花几分钟的时间就让我们来看看在Xcode的工作区环境。在左窗格中,在项目导航器。在此区,你可以找到所有你的文件。

    image 

    在工作区中的项目浏览器

    在工作区的中间部分是编辑器区域。你所有的编辑事务(如编辑项目设置,类文件,用户界面等)取决于所选择的文件类型。

    image

    Xcode的编辑器和实用面积

    最右边的窗格是公共区域。此区域显示文件的属性,并允许您访问快速帮助。如果Xcode中不显示此区域,您可以选择最右边的视图按钮在工具栏上去使它可见。

    最后,它的工具栏。它提供了不同的功能,您可以运行您的应用程序,切换编辑器和视图的工作区。

    image

    在工作区中的工具栏

    第一时间运行你的程序

    即使你没有写任何代码,你可以运行你的应用程序在模拟器尝试。这给出了一个方法,你如何在Xcode中构建和测试您的应用程序。只要按一下工具栏中的运行按钮。

    image

    Xcode中运行按钮

    Xcode自动生成的应用程序,并在模拟器中运行它。这时模拟器看起来像:

    image

    该模拟器

    灰色的屏幕,里面什么都没有!这是正常的。由于您的应用程序是不完整的,模拟器只显示一个空白屏幕。要终止的应用程序,只需点击工具栏上的停止按钮。

    image

    终止正在运行的应用程序

    返回代码

    好吧,让我们继续前进,开始我们的应用程序添加的Hello World按钮。回到Project Navigator(项目导航器)中,选中“HelloWorldViewController.xib”

    image

    选择HelloWorldXIB文件

    当您选择文件时,编辑器转到界面生成器,并象下面这样显示一个空的视图:

    image

    Xcode界面生成器

    在实用区域的下部,它示出的对象库。在这里,你可以选择任何的UI控件,拖拽和拖放到视图。对于Hello World应用程序,让我们挑圆矩形按钮,然后将其拖动到视图。尝试在视图中心放置按钮。

    image

    圆矩形按钮拖动到视图

    要编辑标签按钮,双击它,将它命名为“Hello World”

    image

    尝试再次运行应用程序,你应该有一个这样的应用程序:

    image

    一个按钮的Hello World

    现在,如果你轻点按钮,什么也不做。我们将需要添加的代码显示的“HelloWorld”消息。

    编写Hello World按钮

    在项目浏览器中,选择“HelloWorldViewController.h”。现在的编辑器区域会显示所选文件的源代码。在”@end”行前面添加下面的代码:

    1

    -(IBAction)showMessage;

    编辑后,你的代码应该是这样的:

    image

    接下来,选择“HelloWordViewController.m”“@end”行前插入以下代码:

    - (IBAction)showMessage 
    {
        UIAlertView 
    *helloWorldAlert = [[UIAlertView alloc]
                                        initWithTitle
    :@"My First App" message:@"Hello, World!" delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil];
        
        
    // Display the Hello World Message
        
    [helloWorldAlert show];
    }

    编辑完成后,你的代码应该象下面这样:

    image

    源代码编辑后的HelloWorldViewController

    不要管Objective-C代码的意义。在下一篇文章中,我会向你解释。现在,只是把”showMessage”作为一个动作,这个动作指示的iOS屏幕上显示“Hello World”消息。

    连接Hello World按钮与行为

    但是,这里的问题是:

    当有人点击“Hello World”按钮如何知道该调用哪个动作?

    接下来,你需要建立“Hello World”按钮和你刚刚添加的”showMessage”动作之间的连接。回到Interface Builder选择“HelloWorldViewController.xib”的文件。在键盘上按下并按住control键,单击“Hello World”的按钮并拖动到“File’s Owner(文件的所有者)”。您的屏幕应该是这样的:

    image

    放开两个按钮,弹出一个显示的是“'showMessage”行为。选择它,和之前的按钮建立连接。

    image

    活动弹出窗口发送文件的所有者

    测试您的应用程序

    这就是它了!现在,您已经准备好测试您的第一个应用程序。只需点击运行按钮。如果一切是正确的,你的应用程序将在模拟器上正常运行。

    image

    Hello World应用程序

    恭喜!你已经建立了你的第一个iPhone应用程序。这是一个简单的应用程序,但是,我相信你已经有一个更好的了解Xcode和如何开发一个应用程序。

    在下一篇文章中,我将进一步解释我们这里操作的Objective-C代码以及HelloWorld应用程序如何实际工作。敬请关注。

  • 相关阅读:
    【转】 java中Class对象详解和类名.class, class.forName(), getClass()区别
    106. Construct Binary Tree from Inorder and Postorder Traversal
    105. Construct Binary Tree from Preorder and Inorder Traversal
    107. Binary Tree Level Order Traversal II
    109. Convert Sorted List to Binary Search Tree
    108. Convert Sorted Array to Binary Search Tree
    110. Balanced Binary Tree
    STL容器迭代器失效问题讨论
    113. Path Sum II
    112. Path Sum
  • 原文地址:https://www.cnblogs.com/haichao/p/2752866.html
Copyright © 2011-2022 走看看