1.UI初认识

前节：app是什么？

app英文全称：application 应用程序，简称应用。也就是手机应用的简写

 出处：http://www.cnblogs.com/mcj-coding/p/5098254.html QQ：853740091

1.UI

UI即User Interface（用户界面）的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。UI还有其它的意义，如Unit Interval，Univ of Iowa，Unlock Instruction，Urgent Interrupt。在iOS中UI指的就是用户界面

1.1 UI举例

UI 字面上看是用户和界面，还包括用户和界面之间的交流。如果游戏机是我的程序，那么操作按键就是UI。我们睁开眼看到的世界就是世界给我们展示的UI

 1.2  UI的重要性

用户对程序的第一感觉就是UI感觉（男女见面的第一印象,还是比较重要的）。用户再使用过程中，和程序交流主要是通过UI，如果UI展示不清楚，交互比较别扭，会直接影响用户的体验。而用户体验是一个app成败的关键元素之一

 

1.3 UI设计

UI 设计需要专业的培训，这里就不说了，一般公司有自己UI设计师

 

2. 创建UI的工具就是---Xcode的使用

2.1 打开Xcode

 Get started with a playground(可视化编程)

Create a new Xcode project (创建一个新项目)

Check out an Existing project (打开一个存在的项目)

 

2.2 选择Create a new Xcode project (创建一个新项目)

五个其中四个是模板（高考作文模板，虽然快速但是缺乏新意，一般自己编写，可以任意添加自己喜欢的东西，删除自己不喜欢的）

选择SingleView Application这个模板 --点击 next

 

 

2.3 添加项目名称和项目的详情信息

product Name :项目名称（理论支持中文，用后会出问题，图片加载不出来等）

Oranization Name:开发者的名称(会在每个.h 和 .m文件中显示出来（演示）)

Oranization Identifiter :app企业标识（公司网址倒写 com.baidu.www(网址唯一)）

bundle Identifiter :Oranization Identifiter + product Name; 开发证书标识，要和开发证书名字一致

use core Data : 会自动生成数据管理相关代码

 我们当前只需要添加一个项目名称就行---点击 next （这样我们项目就创建完成了）

 

 

3. Xcode 面板介绍

3.1【导航区域】

 

最上面从左到右依次是：

项目导航（快速的找到文件和类）

符号导航 （快速的找到类的方法、属性）

搜索导航（输入一个字符，项目只要含有这个字符的的都会显示出来）

问题导航 （程序有警告和错误时，就有在这显示）

单元测试导航

调试导航/线程导航  （导航面板统一显示应用程序调试状态在或者出错情况下堆栈的调试状态，CPU的使用情况，以及相关的网络和内存信息）

断点导航 （快速编译、禁用、删除断点）

日志导航 （编译调试日志和源代码变更日志）

快捷键 Command +1、2………..

 

 

3.2【编辑区域】

 

3.3【通用区域】

查看区/属性区 （用到时再说）

库区域

从左到右依次为：

    文件库（里面包含了我们要创建的各种文件）

    代码片段库 （自己可以快速定义代码片段 和 更改系统自带的代码片段的快捷提示）

    UI对象库  (包含了各种我们要使用的UI控件)

    媒体库 （可以显示我们项目中使用的多媒体文件）

 

【调试区域】 （左边显示项目中的变量和属性值等，右边显示我们打印的信息）