从零开始学ios开发（三）：第一个有交互的app

浏览数：23 / 时间：2015年06月11日

感谢大家的关注，也给我一份动力，让我继续前进。有了自己的家庭有了孩子，过着上有老下有小的生活，能够挤出点时间学习真的很难，每天弄好孩子睡觉已经是晚上10点左右了，然后再弄自己的事情，一转眼很快就到12点了，就要去睡了，现在身体汤不牢啊，如果不早点睡，第二天上班肯定没精神，要靠红牛了，呵呵，在这样的情况下再挤出时间学习ios真的很困难，只能是见缝插针，抓紧一切可用的时间学习，时间，挤一挤总归是有的，只是多少问题。

这几天看来书的第三章，主要讲了如何添加按钮，然后为按钮添加响应事件，当点击按钮后，触发按钮的响应事件，从而改变一个Label上的显示文字。如果这个放在VS里面，真的是小菜一叠，但是在ios里面，差别很大，很多东西第一次接触会很混淆，下面就一点点介绍如何创建第一个有交互的app吧。

1）创建一个新的project，选择“Single View Application”，命名为“Button Fun”，然后保存。

这里简单的解释一下什么是“Automatic Reference Counting”，简称ARC，是ios的一种垃圾回收机制，即自动释放不再使用的变量，释放内存，这个和C#中的垃圾回收有点类似，但是至于他们是如何实现的，就不是很清楚了，反正记住这个是用来自动释放变量从而腾出内存空间的就可以了，暂时这么认为吧，以后用更深入的了解，再详细描述。

2）添加2个Button和1个Label 选中project navigate中的“BIDViewController.xib”，添加Button的方法和上一篇中添加Label的方法一样，直接从Object Library里面拖就可以，在Object Library中找到“Round Rect Button” 拖2个到界面中，添加完后的效果如下上图中，将2个button分别根据辅助线放到了屏幕的左右两边上下剧中的位置，Label放在最上面，然后将Label拉长，拉到出现辅助线的位置。

3）添加button文字，去除Label文字在Xcode中，改变文字的方法有3种，第一种选中button，然后在Attributes Inspector中改变Title的属性值第二种方法是直接用鼠标在button上双击，然后键入需要的文字即可（这个和VS里面有很大的不同，在VS中双击一个按钮是添加一个单击事件，而在Xcode中，则是改变button的文字，所以说是VS比较简单嘛）第三种就是用代码改变文字。

分别将左右两个按钮的文字改成“Left”和“Right”，使用同样的方法，去除Label上的文字，并且在Attributes Inspector中将Label的文字对齐方式设置为剧中，最后的界面效果如下

4）Outlet和Action（这一小节的叙述不一定完全正确，只是本人的个人理解，如果有不对的地方，望大家能够指出，谢谢！）这两个概念是我学习ios开发以来遇到的第一个难点，其实说难不难，就是很搞，一开始没有理解它的意思。

Outlet：简单来说就是C/C++里面的指针，指向一个对象，或者说是一个对象的引用，例如一个Label，一个Button等。在C# Winform中，我们会为每一个控件设定一个name，那么在编程时，直接使用这个name就可以对该控件进行操作，但是在ios里面，情况变得有些复杂，控件没有name，就是说你拖一个控件过来，这个控件是没有自己的name的，那么要在code中操作这个控件该怎么办呢？定义一个Outlet，然后把这个Outlet指向该控件，在code中就用这个Outlet来操作这个控件，好吧，稍稍有些复杂。

举两个Outlet的例子：

@property (weak, nonatomic) IBOutlet UILabel *statusText;

以上仅仅是一个Outlet的定义，说明这个Outlet会指向一个Label控件，但是并没有说明指向哪一个Label。

@property (weak, nonatomic) IBOutlet UIButton *leftButton;

同样，上面仅仅是一个Outlet的定义，说明这个Outlet会指向一个Button控件，但是并没有说明指向哪一个Button。

Action：相对于Outlet，Action应该稍微简单一点，它的作用就是定义一个事件，然后将控件和Action事件联系起来就可以。Action的例子如下：

- (IBAction)buttonPressed:(id)sender;

这个和C# Winform有点类似，C#可以单独定义事件，然后将控件和事件使用“+=”操作符联系起来就可以，虽然ios里面没有这个语法，但是也是需要联系的，联系建立起来以后，控件就可以触发这个事件了。

希望以上对Outlet和Action的简单说说明大家能够看懂，其实我自己也没有百分百搞明白，先将自己的理解写下，以后有更深入的理解后再进行补充。

5）为Button添加事件前面说过了，要添加事件，首先要创建一个Action，然后建立联系，Xcode比较智能，可以帮我们把这2步一起进行。 a）选中project navigator中的BIDViewController.xib，显示iphone的界面。 b）选中Xcode右上角的7个按钮从左到右的第二个Show Assistant editor（快捷键：option+command+enter，菜单栏View>Assistant Editor>Show Assistant editor）

选中后的界面如下，会在iphone界面的右边出现BIDViewController.h文件，我们等会就要将button拖到这个文件里，然后进行一些相应的设置，Xcode就会自动帮我们建立控件和Action之间的联系。接下来就是创建Action了，鼠标选中Left按钮不放，按住键盘上的control键，然后鼠标移动到右边的BIDViewController.h文件上，在@interface和@end中间放开鼠标

（此图从书上截取，所以不太清楚）会有一个框弹出来，如下

将上面的值设置成下面的内容

首先，我们是创建一个Action，所以Connection选择Action，然后为事件命名为buttonPressed，类型为UIButton，说明是按钮事件，最后单击“Connect”按钮，完成创建。创建完成后的代码如下：（BIDViewController.h）

#import <UIKit/UIKit.h>

@interface BIDViewController : UIViewController
- (IBAction)buttonPressed:(id)sender;

@end

在BIDViewController.m中会自动添加该事件的方法

- (IBAction)buttonPressed:(id)sender {
}

为Left按钮添加好Action后，再为Right按钮添加同样的事件，buttonPressed的参数sender可以区分是由哪个button触发了该事件，所以我们不必再为Right button单独的创建一个事件，直接将Right button关联到buttonPressed就可以了，关联的方法也很简单，鼠标选中Right按钮不放，按住键盘上的control键，然后鼠标移动到右边的BIDViewController.h文件的buttonPressed事件上面，然后放开鼠标，关联完成。（此图从书上截取，所以不太清楚）

6）为Label添加Outlet 添加Outlet的方法和添加Action的方法一样，只是在弹出框的参数选择上略有区别，同样，鼠标选中Label标签，按住control，拖到BIDViewController.h文件中，放开鼠标后，一个弹出框弹出来 Connection保留默认值Outlet，Name中填写“textStatus”作为Outlet的名称，其他的选项都保留默认值即可，最后点击“Connect”按钮，Outlet创建完成。创建完成后的代码如下：（BIDViewController.h）

@property (weak, nonatomic) IBOutlet UILabel *textStatus;

在BIDViewController.m中会自动添加@synthesize，然后在viewDidUnload方法中添加对textStatus的释放代码。（viewDidUnload方法是系统自动创建的，当该View释放时调用，即该View将不显示了，其他View要显示时，该方法会调用到。）

@synthesize textStatus;
...
...
- (void)viewDidUnload
{
    [self setTextStatus:nil];
    [super viewDidUnload];
    // Release any retained subviews of the main view.
    // e.g. self.myOutlet = nil;
}

至此，所有的Action和Outlet都已经添加完毕，button可以触发buttonPressed事件，textStatus指向Label，可以对Label进行操作。

7）写Code 终于要开始写代码的，真心不容易啊。在BIDViewController.m的buttonPressed方法中添加以下代码（其实也就2行而已）

- (IBAction)buttonPressed:(id)sender {
    NSString *title = [sender titleForState:UIControlStateNormal];
    textStatus.text = [NSString stringWithFormat:@"%@ button pressed.", title];
}

第一行：titleForState指的是按钮在某个状态时显示的title，UIControlStateNormal得到的是按钮的一般状态，即按钮没有被点击，没有获取焦点时的状态，那么titleForState:UIControlStateNormal获得的是按钮在通常状态下的title。第二行：将title赋值给Label用于显示。两行代码很简单易懂，没有什么难点。

8）编译运行快捷键command+B，编译程序。快捷键command+R，运行程序。当然，你也可以直接点Run按钮，直接编译运行程序。

程序运行后的开始效果如下