[转]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