轻量级应用开发之（01）第一个IOS程序

一 IPhone轻量级开发

1. 开发环境

Mac 版本： OS X EICap 10.11.3 (15D21)

XCode开发版本： Version 7.2.1 (7C1002)

2.简单分析

 

 UI界面的组成对象：

1）UI界面上的每一个元素都是对象。

2）万物都是对象。

3. 基础概念

1）窗口：UIWindow

iPhone的规则是一个窗口，多个视图，窗口是你在app显示出来你看到的最底层，他是固定不变的，基本上可以不怎么理会，但要知道每层是怎样的架构。

2) 视图：UIView

UIView是用户构建界面的基础，所有的控件都是在这个页面上画出来的，你可以把它当成是一个画布，你可以通过UIView增加控件，并利用控件和用户进行交互和传递数据。 

窗口和视图是最基本的类，创建任何类型的用户界面都要用到。窗口表示屏幕上的一个几何区域，而视图类则用其自身的功能画出不同的控件，如导航栏，按钮都是附着视图类之上的，而一个视图则链接到一个窗口。

3) 视图控制器：UIViewController

视图控制器UIViewController，你可以把他当成是对你要用到视图UIView进行管理和控制，你可以在这个UIViewController控制你要显示的是哪个具体的UIView。另外，视图控制器还增添了额外的功能，比如内建的旋转屏幕，转场动画以及对触摸等事件的支持。

4. UIKit框架

包含了丰富多彩的各种UI元素。

 

 二 案例-切换图片

1 大致的开发步骤是

　　添加所需要的UI元素：3个按钮（UIButton）、1个图片控件(UIImageView)

　　监听3个按钮的点击事件。

　　改变图片内容。

2 了解的知识点

1）IBAction和IBOutlet

 IBAction

　　从返回值角度上看，作用相当于void

　　只有返回值声明为IBAction的方法，才能跟storyboard中的控件进行连线

 IBOutlet

　　只有声明为IBOutlet的属性，才能跟storyboard中的控件进行连线

3. 具体步骤

1）新建工程

启动XCode -> Create a new XCode Project -> 选择IOS下的Application , Single View Application

 Product Name: 项目名字

 Organization Name: 组织机构名称

 Organization identifier: 组织机构唯一标示，一般是 com.组织机构名称的格式来命名。

 Bundle identifier: 是 app的唯一标示，根据组织机构唯一表示名，项目名称生成，手机有且只有一个 app bundle应用 bundle的作用是辨别APP，升级APP。

 Language: Objective-c

 Device: IPhone

 2）点击MainStoryBoard

  点击View Controller, 在show the object library里选择 UIButton组件拖到 View Controller里，修改第一个Button的名字为”第一张“

  然后复制第一个按钮，点击要复制的按钮，按住 Option 建拖动，就可以复制成功第二个按钮，修改第二个Button名字为“第二张”

  然后在复制第三个按钮，起名为“第三张”

  最后拖动一个 UIImageView控件到 ViewController，修改它的background 颜色为红色。

  把ImageView控件拖到父控件View控件的第一个，表示放在图层的最里面。

3）控制器

  按照“一个界面由一个控制器管理”的原则来编写代码。 比如下面这个界面有ViewController这个控制器(ViewController.h, ViewController.m)来管理。

4）绑定事件

在ViewController.m里新建以下方法

- (IBAction)clickImgBun1{


}


- (IBAction)clickImgBun2{
    
    
}

- (IBAction)clickImgBun3{
    
    
}

 

 点击第一个按钮，按住“control”建，拖到 clickImgBtn1方法里。点击第一张按钮，单击鼠标右键。可以看出按钮控件已经与方法建立联系。对按钮的“Touch Up Inside”单击事件，注册了事件。

5)图片句柄

点中UIImageView，按住 control 键拖到 ViewController.m的 @interface ViewController() .. @end扩展类的中间部分，起名为imageView.这样放置扩展性好。

6)图片素材

把图片素材拖放到 Assets.xcassets目录下。

7)imageView

 把 imageView指向图片资源。

#import "ViewController.h"

@interface ViewController ()

    @property (weak, nonatomic) IBOutlet UIImageView *imageView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
}

- (IBAction)clickImgBun1{
    NSLog(@"--- click Img button1 ");
       _imageView.image = [UIImage imageNamed:@"girl1" ];
}


- (IBAction)clickImgBun2{
    NSLog(@"--- click Img button2 ");
   
    _imageView.image = [UIImage imageNamed:@"girl2" ];
}

- (IBAction)clickImgBun3{
   NSLog(@"--- click Img button3 ");
   
   _imageView.image = [UIImage imageNamed:@"girl3" ];
}

@end

8）图片适配

点击Main.storyboard,点击image View控件，选择View Mode 选择 "Aspect Fill"。

9）运行效果

 

参考知识：

1.IPhone的型号和屏幕尺寸

  了解 IPhone的尺寸和型号，有助于在开发时，选择合适的模拟器和应用的屏幕尺寸。

2. 设置程序启动时加载的storyboard

点击项目 ->选择 General , 在Deployment Info里找到 Main Interface,选择storyboard. 这个设置表明：程序启动时会加载Main.storyboard

 

3.切换输入法，避免全拼带来的问题。

 在本机mac下使用的是搜狗输入法(其他输入法类似)， 选择"偏好设置"，在 "常用"下，勾选中 "中文下使用英文标点" 。

4.设置模拟器尺寸

点击Main.storyboard 选中view Controller,在 Simulated Metrics 的size里根据模拟器类型选择合适的屏幕尺寸。

5.在模拟器中调试app

 运行模拟器后，点击 “Debug View Hierarchy” 。

Command + R 运行模拟器。

Command + N 新建文件

6 AlertView对话框的使用

UIAlertView *alertView = [[UIAlertView alloc]initWithTitle:
                         @"Title" message:@"这是一个测试对话框" delegate:self
                         cancelButtonTitle:@"取消" otherButtonTitles:@"开始", nil];