[转]IOS开发(一):第一个有交互的APP

声明:本博客内容来自他人,我也是跟着他的步骤经过实践后贴出来,一方面是为了自己好查阅,另一面也希望分享给更多新手们。源地址http://www.cnblogs.com/minglz/

1、添加2个Button和1个Label

选中project navigate中的“BIDViewController.xib”,添加Button的方法和上一篇中添加Label的方法一样,直接从Object Library里面拖就可以,在Object Library中找到“Round Rect Button” 
 

拖2个到界面中,添加完后的效果如下 
 

上图中,将2个button分别根据辅助线放到了屏幕的左右两边上下剧中的位置,Label放在最上面,然后将Label拉长,拉到出现辅助线的位置。 


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

 
第三种就是用代码改变文字。 


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

3、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的简单说说明大家能够看懂,其实我自己也没有百分百搞明白,先将自己的理解写下,以后有更深入的理解后再进行补充。 

4、为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事件上面,然后放开鼠标,关联完成。 
 

5、为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进行操作。 


6、写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用于显示。 
两行代码很简单易懂,没有什么难点。 

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

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

 

点击Left按钮,Label显示“Left button pressed.”,点击Right按钮,Label显示“Right button pressed.” 

至此,整个程序开发完毕!
------------------------------------------------------------------------------------------------

补充:

1、IBOutlet和IBAction

IBOutlet输出口是使用关键字IBOutlet声明的实例变量。控制器头文件中的输出口声明应如下所示:

@property (nonatomic, retain) IBOutlet UIButton *myButton;

IBOutlet关键字的定义如下所示:

#ifndef IBOutlet
#define IBOutlet
#endif

就编译器而言,IBOutlet并未执行任何操作。它的唯一作用是告诉Interface Builder,此实例变量将被连接到nib中的对象。你创建的任何需要连接到nib文件中的对象的实例变量都必须以IBOutlet关键字开头。打开Interface Builder时,它会在项目头文件中扫描此关键字,你可以根据这些(且只能根据这些)变量将代码连接到nib。

IBAction操作是控制器类中的方法。它们也是通过特殊关键字IBAction声明的,该关键字告诉Interface Builder,此方法是一个操作,且可以被某个控件触发。通常,操作方法的声明应如下所示:

- (IBAction)doSomething:(id)sender

IBAction关键字的定义如下所示:

 

#ifndef IBAction
#define IBAction void
#endif
posted @ 2013-04-10 16:21  XuShao  阅读(220)  评论(0编辑  收藏  举报