iOS组件及应用

第一个iOS应用程序
第一个iOS应用程序
第一个iOS应用程序
• 这里我们可以按照提示并结合自己的实际情况和需要输入相关内容。
下面简要说明图2-3中的选项。
• Product Name。工程名字。 • Organization Name。组织名字。 • Company Identifier。公司标识(很重要)。一般情况下,这里输入的是
•
Байду номын сангаас
第一个iOS应用程序
• 在学习之初,我们有必要对使用Xcode创建iOS工程
做一个整体概览,这里我们通过创建一个基于故 事板的 HelloWorld iPhone工程来详述其中涉及的 知识点。
• 实现HelloWorld应用后,会在界面上展示字符串
Hello World(效果如图2-1所示),其中主要包含 Label(标签) 控件和ImageView(图片视图)。
的对象库中选择Image View控件,将其拖曳到View 上,如图 2-6所示。ImageView是图片的容器,它的大小应该跟原始 图片是一样的,否则都会比率失调或者失真, 因此我们需 要设置它的尺寸,在View设计视图中选择ImageVew,然后再 选中右边的尺寸检查器 ,按照如图2-7所示的尺寸设置,其 中X和Y代表坐标,Width和Height代表宽和高。
公司的域名(如com.51work6),这类似于Java中的包命名。
• Bundle Identifier。捆绑标识符(很重要)。该标识符由Product Name+
Company Identifier构成。因为在App Store发布应用的时候会用到它, 所以它的命名不可重复。
• Class Prefix。类的前缀。为生成的类加前缀(如XZYViewController)。
第一个iOS应用程序
第一个iOS应用程序
在右下角的对象库中选择Label控件,将其拖曳到View设计
界面上并调整其位置。双击Label控件,使其处于编辑状态 (也可以通过控件的属性来设置),在其中输入Hello World, 如图2-5所示。
第一个iOS应用程序
第一个iOS应用程序
接下来我们添加ImageView到View的设计界面,从右下角
• UIView与视图
e) 网页控件 WebView f) 屏幕滚动控件 ScrollView g) 等待相关的控件与进度条 h) 警告框和操作表 i) 工具栏和导航栏 j) 选择器
• 表视图
开发环境及开发工具
• iOS开发工具主要是Xcode。自从Xcode 3.1发布以
后,Xcode就成为iPhone软件开发工具包的开发环 境。Xcode 可以开发Mac OS X和iOS应用程序,其 版本是与SDK相互对应的。例如,Xcode 3.2.5与iOS SDK 4.2对应,Xcode 4.1 与iOS SDK 4.3对应,Xcode 4.2与iOS SDK 5对应,Xcode 4.5和Xcode 4.6与iOS SDK 6对应,Xcode 5与iOS SDK 7 对应, Xcode 6与iOS SDK 8 对应。
开发环境及开发工具
开发环境及开发工具
• 在选中导航面板时,导航栏下面也有一排按钮。
这是辅助按钮,它们的功能都与该导航面板的 内 容相关。对于不同的导航面板,这些按钮也是不 同的。
• 图1所示的3号区域是代码编辑区,我们的编码工
作就是在这里完成的。其背景颜色可以在Xcode 的使用偏好(该功能可以在下图所示菜单栏中的 苹果图标中找到)中设置。
iOS基本组件及应用程序
iOS基本组件及应用程序
• 开发环境及开发工具
• 创建第一个iOS应用程序
• UIView与视图
a) 视图“始祖”——UIView b) 标签控件和按钮控件 c) TextField 控件和 TextView 控件 d) 开关控件、滑块控件和分段控件
iOS基本组件及应用程序
第一个iOS应用程序
• Devices。选择设备。可以构建基于iPhone或iPad
的工程,也可以构建通用工程。通用工程是指一 个工程在 iPhone和iPad上都可以正常运行。
• 设置完相关的工程选项后,点击Next按钮,进入下
一级界面。根据提示选择存放文件的位置,然后 点击Create 按钮,将出现如图2-4所示的界面。
开发环境及开发工具
• 打开Xcode 5工具,看到的主界面如图1所示。
• 该界面主要分成3个区域,1号区域是工具栏,其中
的按钮可以完成大部分工作。2号区域是导航栏, 主要 是对工作空间中的内容进行导航。在导航 栏上面还有一排按钮,默认选中的是“文件”导 航面板。 关于各按钮的具体用法,我们会在以后 用到的时候详细介绍。
第一个iOS应用程序
• 启动Xcode,然后点击File→New→Project菜单,在打
开的Choose a template for your new project界面 中选择Single View Application工程模板(如图2-2所 示)。
• 接着点击Next按钮,随即出现图2-3所示的界面。
第一个iOS应用程序
第一个iOS应用程序
第一个iOS应用程序
设置好ImageView尺寸后,本例可以设置它所关联的图片,
但是现在你的工程中是没有图片的,因此需要通 过Xcode 将图片添加到工程中。具体步骤如图2-8所示,右键选择 Supporting Files组,选择菜单中的Add Files to “HelloWorld”...,弹出选择文件对话框,如图2-9所示,在 Destination中选中Copy items into destination group’s folder(if needed),这样可以将文件复制到我们的工程目录 中,在Add to targets中选择HelloWorld。
开发环境及开发工具
• 在Xcode 4.1之前,还有一个配套使用的工具
Interface Builder,它是Xcode套件的一部分,用来设 计窗体和视图,通过它可以“所见即所得”地拖 曳控件并定义事件等,其数据以XML的形式被存储 在xib文件中。在Xcode 4.1 之后,Interface Builder 成为了Xcode的一部分,与Xcode集成在一起。