建立一个基本的UI

本章让你熟悉Xcode来写应用程序。你会熟悉Xcode项目的结构,并学习如何在基本项目组件中导航。通过整个课程中,您将开始为FoodTracker应用程序制作一个简单的用户界面(UI),并在模拟器查看它。当你完成时,你的应用程序将是这个样子:

学习目标

在课程结束时,你将能够:

1.在Xcode中创建一个项目
2.识别一个Xcode项目模板
3.打开和切换项目中的文件
4.运行模拟器的应用程序
5.在storyboard中添加,移动和调整UI元素
6.在storyboard中使用Attributes inspector编辑UI元素的属性
7.使用outline视图查看并重新排列UI元素
8.使用Preview assistant 编辑器来预览storyboard UI
9.使用Auto Layout来自动适应用户的设备大小

创建一个新项目

Xocde包括一些内置的应用程序模版,为了方便开发常见的IOS应用程序类型,如游戏,基于标签导航的应用程序,基于表格视图的应用程序。大部分模版已经预配置了界面和源代码,本章我们使用的模版为Single View Application

打开Xcode:

选择Create a new Xcode project:

选择 Single View Application,然后点击Next:

输入Product Name:FoodTracker

Organization Name:Apple Inc.

Organization Identifier:com.example

Bundle Identifier:自动生成

Language:Swift

Devices:Universal(这里表示同时运行在ipad和iPhone上的普遍应用程序)

Use Core Data:不选

Include Unit Tests: 这两个在Xcode6.3中没有,不用考虑(出现于Xcode7)

Include UI Tests: 这两个在Xcode6.3中没有,不用考虑(出现于Xcode7)

输入完成后我们点击Next,会看到工作区出现在Xcode中:

时间: 2024-10-09 13:56:31

建立一个基本的UI的相关文章

【转】如何建立一个样式新颖的CSS3搜索框

在线演示 搜索框大概是web开发中最常用的UI元素之一,我想基本没有必要去介绍如何使用它.无论是网站还是web应用,都会为了增强用户体验而添加它,那么你是不是也想过设计一个别致的搜索框? 在今天的文章中,大家将会学到如何使用伪元素来创建一个超酷的CSS3搜索框.当然在开始介绍前你也可以下载源代码或者查看在线演示. HTML举例: 正如接下来你所看到的,标记很少,并且很容易理解: <form class=“cf form-wrapper”> <input type=“text” place

如何建立一个完整的游戏AI

http://blog.friskit.me/2012/04/how-to-build-a-perfect-game-ai/ 人工智能(Artificial Intelligence)在游戏中使用已经很多年了,并且到现在越来越完善.如果你不在你的游戏中加入完善的游戏智能,那么别人就认为你的游戏缺少可玩性.在游戏中,AI并不一定要包括神经网络,学习系统和复杂的数学结构,游戏AI只是游戏中一个重要部分,它是活动的,并不是科学性质的.我认为如何建立一个游戏AI,最主要的就是要明白你想在游戏中实现什么效

c语言:写一个函数建立一个有3名学生数据的单向动态链表

写一个函数建立一个有3名学生数据的单向动态链表. 解:程序: #include<stdio.h> #include<stdlib.h> #define LEN sizeof(struct Student) struct Student { long num; float score; struct Student *next; }; int n; struct Student *creat(void)//定义函数返回一个指向链表头的指针 { struct Student *head

如何建立一个GPU加速的研究计算集群(一)

世界上某些最快的计算机是集群组成的.集群是有多个计算机通过高速网络连接起来的一个计算系统.集群计算机比单台计算机可以达到更高的可用性,可靠性和伸缩性.随着对基于GPU的高性能计算采用越来越广,英伟达GPU逐渐成为世界上最厉害的超级计算集群的一部分.世界前500的超级计算机中,包括差不多50个采用了英伟达的的GPU,并且目前世界上最快的计算机泰坦,使用了大约18000个英伟达开普勒GPU. 在这个帖子中,我将会一步一步的介绍设计.部署和管理一个小型的GPU集群整个过程.我会介绍GPU集群的组成部分

Hyperledger Fabric 建立一个简单网络

p { margin-bottom: 0.25cm; line-height: 120% } Building you first network 网络结构: 2个Orgnizations(每个Org包含2个peer节点)+1个solo ordering service 打开fabric-sample下的示例first-network p { margin-bottom: 0.25cm; line-height: 120% } 其中byfn.sh为启动这个网络的启动脚本,启动脚本中除建立一个包含

如何建立一个自己的网站,建网站的步骤

引导语:其实建好一个网站,除了把网站设计出来之外,还需要域名空间等,那么,具体建立一个网站的步骤是什么呢?接下来由小编给大家带来收集整理的建网站的步骤,希望看完对你有帮助! 网站建设步骤 1.网站方案策划(主要是网站定位,功能,界面风格等) 2.注册域名 3.网站制作(可自己制作,也可选择专业的网站建设公司) 4.购买虚拟主机(或配置独立主机) 5.配置域名.主机及调整程序开通网站 6.网站内容增加 7.网站推广 (一)域名(Domain Name),是由一串用点分隔的名字组成的Internet

Java界面编程-建立一个可以画出图形的简单框架

引子:总共使用3个.java文件,建立一个简单界面编程的框架. 第1个文件:NotHelloWorldComponent.java //NotHelloWorldComponent.java 1 import java.awt.*; 2 import java.awt.geom.*; 3 import javax.swing.*; 4 5 public class NotHelloWorldComponent extends JComponent { 6 public static final

权限管理:建立一个经理组

1.权限管理:建立一个经理组jingli 在系统根下建立一个目录名为public,并切换public目录所属组为jingli 建立aaa bbb ccc三个用户.将aaa bbb两个用户加到jingli组中. groupadd jingli mkdir /pub chgrp jingli /pub/ ll /pub/ useradd aaa useradd bbb useradd ccc passwd aaa passwd bbb passwd ccc usermod -G jingli aaa

Hibernate学习——建立一个简单的Hibernate项目

最近老师让做个web小应用,大三的时候学习过一点J2EE的东西,也做过一些web相关的XXX管理系统,都是用servlet,jsp这些完成的,虽然勉强能够完成任务,但其中各种代码掺杂在一起,不好看而且维护起来也很麻烦,出了一点问题要调试好久才能解决.这次打算让自己多学一点东西,在项目的架构上我使用了struts2实现了多层代码的分离,在数据库方面,因为以往的经历都需要对连接数据库进行一个封装,里面包含有数据库的连接,记录的添加,查询,修改和删除等操作,每次使用的过程中都需要先实现一个连接对象然后