• 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应用程序如何实际工作。敬请关注。

  • 相关阅读:
    微软面试题
    20个开源项目托管站点推荐
    iis配置好后,解决打开服务器要输入用户名和密码的问题
    C# 调用带输入输出参数的存储过程
    line-height属性总结
    placeholder的字体样式改变,滚动条的颜色改变,ios日期兼容
    表格使用总结
    网页html结构搭建方法总结
    css中的inline-block
    css常用居中
  • 原文地址:https://www.cnblogs.com/haichao/p/2752866.html
Copyright © 2020-2023  润新知