Apple Mac cocoa入门级教程- HelloWorld!

cocoa教程1 - HelloWorld !
来源：www.CocoaDev.cn

首先,使用Xcode来创建一个新的project. 这里假设你已经安装了开发工具. 如果还没有,可以用开发光盘或者系统光盘安装,或者在http://connect.apple.com 注册免费下载.

- 打开Xcode,它的默认安装路径是 /Developer/Applications/

- File菜单 : New Project...

- 选择 "Cocoa Application" 这个模板. 一开始常用的两个模板就是这个和 "Cocoa Document-based Application". 后者适用于具有多个相似窗口的应用程序,比如文本处理器.

- 点击 "Next"

- 输入一个Project名字 (默认的路径是你的用户目录,这个没什么问题). 输入 "HelloWorld" .

- 点击 "Finish".

- 这时你的 project 窗口就出现了.

- 现在看看产生了哪些文件. 在左边一栏,点击 "Classes","Other Sources",和 "Resources" 左边的小箭头.
Classes 现在应该是空的. 你可以在这里创建新的类文件. 对于大的project,可以生成更多象这三个这样的组别,以便于管理,不过现在这样就好了.
Other Sources 里面是默认的 "main.m" 文件和另一个 "HelloWorld_Prefix.pch". 大多数时候你不用修改这两个文件. "main.m" 里面是应用程序的入口.

Resources 里有三个文件:
Info.plist 应用程序的设置文件,应用程序名,版本号,图标名等可以在这里设置,现在用默认的就行了.
MainMenu.nib,是一个 InterfaceBuilder 文件,用于存储所有界面项目. 后面会说到.
InfoPlist.strings,含有关于系统信息的字符串,如果打开看就一目了然了.
后两个左边也有个小箭头,这是因为本地化的相应的文件要分别加入到这两个组别.

- 现在尝试编译并执行,可以点击窗口上面的 "build and go",或者使用 Build 菜单里面对应的命令.

在一阵短暂的时间后会出来一个空的窗口. 现在退出这个新的 Hello World 应用程序.

使用 Interface Builder 来定义用户界面

在这一步,我们用 Interface builder 来轻微改变一下界面.

- 首先双击 Xcode 里面的 MainMenu.nib . 这就会启动 Interface Builder 并打开这个 .nib 文件.

- 看看这个 "MainMenu.nib" 窗口. 这就是刚刚打开的文件. Interface builder 应该也打开了它的两个项目: "MainMenu",和一个空的 window (对应于 MainMenu.nib 里的 Window).

- 现在改一下 MainMenu. 点击第一个菜单,并将所有的"NewApplication" 改为 "HelloWorld".

你可以更改其他的菜单,如果需要的话,或者删除一些,因为他们在这个教程里用不上,但是也没有害处,就保留在那吧.

- 现在在点击窗口 window,往里添加一些东西. 如果它不在桌面上的话,双击 "MainMenu.nib" 里面的 "window" 使它出现.

在 "Tools" 菜单里,选择 "Attributes Inspector" 出来一个新的面板,叫 "Window Attributes".

- 更改 window 的标题为 "Hello World". 在 "Window Attributes" 的 "Title" 一栏编辑.

- 调整这个窗口的大小,把它弄小一点.

- 在 "Window Attributes" 里去掉 Resize 左边的勾,这样程序的用户将不能改变窗口的大小.

- 现在点击 interface builder 一开始打开的一个 library 面板,点开 Cocoa,选择 View & Cells.

- 滚动右侧移动条,使出现 "Label",将其用鼠标拖到 window 中. 双击这个Label来修改其文本内容.

- 有兴趣的话,可以在 window 里添加其他的东西.

- 使用 "Command-R" 快捷键可以立刻查看界面的效果

- 输入 "Command-Q" 退出测试模式.

- 存储这个改动并退出 Interface Builder.

Back in Xcode (回到Xcode)

- 现在点击 "Build and Run" 按钮. 你这样就可以看到 MainMenu 里面的改变以及 window 里面的内容.

- 如果退出Xcode,编译好的程序可以在project目录的build目录里找到.
就这些了吗?

是的,对这个教程而言,是这样. 当然,这个教程并没有展示多少,但希望能帮你看到使用苹果的工具和Cocoa能很容易的创建真的不错的用户界面.

可以自己熟悉一下用户界面里可以使用的各种控件. 虽然暂时不知道怎么使用,但是以后会接触到.

下一个教程将增加objective-C代码,并介绍 Outlets 和 Actions.

cocoa教程2 - Outlets 和 Actions

第一步是连接

- 首先用Xcode生成一个新的 project,取个名叫 Electricity.

- 双击 project 里的 "MainMenu.nib",启动 Interface Builder.

- 从 Library 面板里拖下面的控件到 Window 窗口里,是一个滑动条和一个文本编辑框.

- 如果现在保存并执行这个应用程序,会发现这两个部件已经能工作. 不过你肯定想做一些比这更多的,比如在文本框里显示滑动条的数值.

要做到这个,在按住Ctrl的同时,左键点住滑动条,拖动鼠标到文本框上,然后放开鼠标. 屏幕上会出现一个连接菜单.

- 在 "Received Actions" 里选择 takeIntValueFrom. 这是告诉文本框从滑动条获得整数值,就是指针所在位置.

- 保存并测试这个应用程序,现在文本框显示的是滑动条的指针位置的数值.

一个控制部件

- 现在进一步,在窗口里添加下面的两个部件,一个按钮,一个标签:

- 这里想要做的是让下面的标签显示滑动条的指针位于左边还是右边. 要做到这个,必须增加一些代码 (哈哈,终于要动手写了).

- 首先要创建一个控制 "controller" 物件. 象它的名字说的那样,这个 controller 是用来控制窗口里发生什么的. 如果想知道一些更详细的介绍,苹果的文档是个好的阅读资料,读读关于 MVC (Model / View / Controller),(模型 / 视图 / 控制器) 的部分. 本教程暂时不去理会这些.

在 Library 面板里点开 Cocoa 后,选择 Objects & Controllers. 拖动一个 "NSObject" 到 MainMenu.nib 窗口里. 这是根物件 root object,我们的 controller 物件只需从它继承一些通用的性质即可.

在 Tool 菜单里选择 Identity Inspector,在出现的 Identity 面板里在 class 那一栏输入 "ElectricityController"

- 然后添加两个 outlets 和一个 action. Outlets 便于你在代码中访问其他部件,它相当于函数编程里一个传递数据的指针类型参数. Actions 是一个被某个事件(比如点击一个按钮)激活的方法,也就是本控制器可以被外界调用的一个函数.

- 添加下面的 outlets 和 actions:

- 接着,来编写相应的代码. 因为Xcode和interface builder在这方面的同步不是很好,我们的方法是先到Xcode里,选择 File 菜单里的 New file,然后在出来的窗口里选择Cocoa里面的Objective-C Class,接下来输入 "ElectricityController.m" 作为这个新建立类的文件名,点击 finish 结束,在project的class一组可以看到新增加俩个代码文件. 然后回到 interface builder,点击选择 MainMenu.nib 里的 "ElectricityController",接着在 File 菜单里选择 write class file,在出现的窗口里,默认路径应该是本project的路径,如果不是,请选择回来. 然后点击 Save 保存. 下面会提示你要 merge 合并,还是 replace 替换,选择 replace.

- 现在回到Xcode,双击打开新增加的那两个文件,你会看到下面的代码已经在里面了.

复制内容到剪贴板

代码:

#import <Cocoa/Cocoa.h>

@interface ElectricityController : NSObject {
    IBOutlet id textZone;
    IBOutlet id topSlider;
}
- (IBAction)whereButtonAction:(id)sender;
@end

复制内容到剪贴板

代码:

#import "ElectricityController.h"

@implementation ElectricityController
- (IBAction)whereButtonAction:(id)sender {
    
}
@end

第一个是头文件,含有这个类的定义,第二个含有实现这个类的代码,现在基本是空的.

- 现在回到 interface builder,来做必要的连接,还记得按住ctrl,然后左键点击并拖动鼠标进行连接吗?

从 ElectricityController 到滑动条 : 选择 topSlider 这个 outlet.

从 ElectricityController 到最下面的文本标签 : 选择 textZone 这个 outlet.

从按钮到 ElectricityController : 选择 Received Actions 里的 whereButtonAction.

让我们来修改代码

- 在 interface builder 里点击 File 菜单,选择 Save 保存. 回到Xcode来修改 ElectricityController.m 双击打开它.

- 我们要修改点击按钮所发生的事件,这将用到前面建立的 action.

用下面的代码替换 -whereButtonAction

复制内容到剪贴板

代码:

        - (IBAction)whereButtonAction:(id)sender {
            if ([topSlider intValue]<50)
                [textZone setStringValue:@"Cold"];
            else
                [textZone setStringValue:@"Hot"];        
        }

如果还没有,现在是时候你要认识一下 Objective-C 语言了. 比如去苹果网站阅读一下相关的文档.

那么,这些代码是做什么呢?

复制内容到剪贴板

代码:

if ([topSlider intValue]<50)

第一行是问滑动条的数值是多少,并与50进行比较

复制内容到剪贴板

代码:

[textZone setStringValue:@"Cold"];

如果小于 50,设置文本标签的内容为 Cold. @"Cold" 代表一个 NSString 类型的字符串常数.

复制内容到剪贴板

代码:

            else
                [textZone setStringValue:@"Hot"];

否则做同样的事情,但是显示 "Hot".

试试你的应用程序!

- 点击 Build and Run 按钮测试你的代码!

新Project

先创建一个新的project :

启动 Xcode
File 菜单 : New Project
在对话框里,选择 "Cocoa Application"
点击 Next
Project 名 : POPreferences
点击 Finish

现在来设置一个 preference 预置文件:

点击 Targets 组别左边的小箭头
双击里面的 POPreferences
点击 Propertities
在 identifier 一栏,输入 "org.projectomega.popreferences",或者其他你喜欢的. 应用程序的预置设置将存储在一个名为这个的plist文件中,该文件的默认路径是 ~/Library/Preferences/

这里使用的是 Java类型的规则来命名这个 preference 预置文件,这也是苹果推荐的 (某种程度是URL地址反过来写). 这样做主要的一个好处是 preference 文件将会按出品公司归在一起.

使用 Interface Builder 来设计

现在来设计本教程要用到的对话框.

在 Xcode 里展开 "Resources" 组别
双击 MainMenu.nib 启动 Interface Builder 打开它.
把你的窗口改成象下面的样子. 这包括大多数 preferences 要用到的控件. Radio控件默认是2个供选择项,可以在Attributes Inspector里的Cells一栏改成需要的数目. 另外,需要在 Radios 每一项的Attributes Inspector里设置它们的tag分别为:0,1,2,3,对应于 Radio 1,Radio 2,Radio 3,Radio 4,在后面将用到. 要选中单独的某个 Radio 项,可能需要点击几次对应项,直到这一项被高亮显示.

创建 Outlets/Actions

现在要为这个对话框生成一个 controller 物件,并添加 outlets/actions,用前一个教程里同样的方法.

点击 Library 面板
拖动一个 NSObject 到 MainMenu.nib 窗口内
在Identity面板里命名class为 " PrefController "
添加5个 outlets (每个控件一个) 和 2个 actions,并按下图命名:

现在,创建 PrefController 类:
象上个教程里一样,先回到Xcode,
File 菜单,New file,选择 Objective-C Class,命名为PrefController.m,finish完成,生成 PrefController.h and PrefController.m.
再回到 Interface Builder,确认选择 MainMenu.nib 里的 PrefController,然后
File 菜单,Write class file,选择project所在路径(如果默认值不是的话),之后 replace 替换.
现在Xcode里面这两个新文件应为以下内容:

复制内容到剪贴板

代码:

#import <Cocoa/Cocoa.h>

@interface PrefController : NSObject {
    IBOutlet id PrefEdit;
    IBOutlet id PrefPopup;
    IBOutlet id PrefRadios;
    IBOutlet id PrefSlider;
    IBOutlet id PrefSwitch;
}
- (IBAction)PrefRestoreAction:(id)sender;
- (IBAction)PrefSaveAction:(id)sender;
@end

复制内容到剪贴板

代码:

#import "PrefController.h"

@implementation PrefController
- (IBAction)PrefRestoreAction:(id)sender {
    
}

- (IBAction)PrefSaveAction:(id)sender {
    
}
@end

连接 Outlets/Actions

回到 Interface Builder 来连接 actions 和 outlets 到不同的部件,还是使用 ctrl+鼠标拖动.
从 "Restore" 按钮到位于 MainMenu 里的 " PrefController ",选择Receive Actions里的PrefRestoreAction

同样的,连接 "Save" 按钮到" PrefController "的 PrefSaveAction
再从 PrefController 连接 outlets 到相应的部件. 最后Connection Inspector面板里应该显示如下:

最后从 "File's Owner" 连接到 " PrefController",并选择 delegate 委托. 这样关于应用程序开始,关闭等等的信息就会通知 PrefController,方便我们使用对应的委托方法去处理这些信息,比如本project的预置值的读取和存储比较适合于这些时候处理.

头文件

保存并退出 Interface Builder,回到 Xcode 添加代码 !
将 IBOutlet 的类型id细化为相应的具体类型是一个好习惯,所以将 " PrefController.h" 文件改成下面的样子: 
   
   复制内容到剪贴板 
   代码: 
   #import <Cocoa/Cocoa.h>

@interface PrefController : NSObject
{
    IBOutlet NSTextField*   PrefEdit;
    IBOutlet NSPopUpButton* PrefPopup;
    IBOutlet NSMatrix*      PrefRadios;
    IBOutlet NSSlider*      PrefSlider;
    IBOutlet NSButton*      PrefSwitch;
}
- (IBAction)PrefRestoreAction:(id)sender;
- (IBAction)PrefSaveAction:(id)sender;
@end 
  
 真正的代码

现在来编辑 " PrefController.m". 下一节将解释细节. 
   
   复制内容到剪贴板 
   代码: 
   #import "PrefController.h"

@implementation PrefController


- (void)applicationDidFinishLaunching:(NSNotification *)notification
{
        // 自动存储窗口位置
        [[PrefEdit window] setFrameAutosaveName:@"PrefWindow"];

        // 自动恢复预置值
        [self PrefRestoreAction:self];
}

- (IBAction)PrefRestoreAction:(id)sender
{
        // 读取 preference 预置文件
        NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];

        
        // 文本框
        // 获得 preference 预置值,或者设置默认值
        NSString *mystr = [defaults stringForKey:@"EditField"];
        // 如果 预置值,或者设置默认值不存在,生成一个
        if (mystr == nil)
                mystr = @"Empty";
        // apply the value to the dialog
        [PrefEdit setStringValue:mystr];

        // 弹出菜单
        // 获得 preference 预置值,或者设置默认值
        int pos = [defaults integerForKey:@"Popup"];
        // 如果 预置值,0 会被返回,也可以做为默认值
        // 将这个值应用到对话框
        [PrefPopup selectItemAtIndex:pos];

        // RAdio 按钮
        int posradios = [defaults integerForKey:@"Radios"];
        [PrefRadios selectCellWithTag:posradios];

        // 滑动条
        int slider = [defaults integerForKey:@"Slider"];
        [PrefSlider setIntValue:slider];

        // SWITCH 按钮
        int myvalue = [defaults integerForKey:@"Switch"];
    [PrefSwitch setIntValue:myvalue];
}

- (IBAction)PrefSaveAction:(id)sender
{
        // 读取 preference 预置文件
        NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];

        // 文本框
        // 从文本框获得文本
        NSString* mystr = [PrefEdit stringValue];
        // 存储这个文本物件
        [defaults setObject:mystr forKey:@"EditField"];

        // 弹出菜单
        // 获得选项值
        int pos = [PrefPopup indexOfSelectedItem];
        // 存储这个值
        [defaults setInteger:pos forKey:@"Popup"];

        // RAdio 按钮
        int posradios = [PrefRadios selectedRow];
        [defaults setInteger:posradios forKey:@"Radios"];

        // 滑动条
        int slider = [PrefSlider intValue];
        [defaults setInteger:slider forKey:@"Slider"];

        // SWITCH 按钮
        int myvalue = [PrefSwitch intValue];
        [defaults setInteger:myvalue forKey:@"Switch"];
}

@end 
  
 应用程序启动 
   
   复制内容到剪贴板 
   代码: 
   - (void)applicationDidFinishLaunching:(NSNotification *)notification
{
        // 自动存储窗口位置
        [[PrefEdit window] setFrameAutosaveName:@"PrefWindow"];

        // 自动恢复预置值
        [self PrefRestoreAction:self];
        
        // 显示窗口
        [[PrefEdit window] makeKeyAndOrderFront:nil];
} 
  
 信号 "-applicationDidFinishLaunching" 在应用程序启动时被发出,PrefController 将收到. 这是一个好的地方来恢复preference 预置值. 下面这行做的就是这些: 
   
   复制内容到剪贴板 
   代码: 
           [self PrefRestoreAction:self]; 
  
 - 这也是个好的地方存储窗口位置. 并不需要写好几行代码来实现这个,Cocoa framework 框架提供了一个只需一行代码的命令来完成这个任务: "-setFrameAutosaveName" 
   
   复制内容到剪贴板 
  
 代码: 
   
           [[PrefEdit window] setFrameAutosaveName:@"PrefWindow"]; 
   
   
    
   
   
   存储 preference 预置值

- 首先,你需要读取那个 default 默认文件,它的名字在一开始就已经确定了: 
     
     复制内容到剪贴板 
     代码: 
             NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults]; 
    
 - 从控件里获得对应的数值 (或者就是一个已经存在的 variable 变量)
- 存储这些值到 default 默认文件. 在这里,比如把 preference 的 "myvalue" 存到 "Switch" 这个 Key. 
     
     复制内容到剪贴板 
     代码: 
             [defaults setInteger:myvalue forKey:@"Switch"]; 
    
 恢复 preference 预置值

- 首先,象前面一样,你需要读取那个 default 默认文件. 
     
     复制内容到剪贴板 
     代码: 
             NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults]; 
    
 - 接着,下面这行提取 preference 里叫 " Popup" 的值. 如果默认文件里还没有这一项,返回的值将是 0,可以接受为最初的默认值. 如果是字符串 string,对应的key不存在时返回的将是 "nil". 
     
     复制内容到剪贴板 
     代码: 
             int pos = [defaults integerForKey:@"Popup"]; 
    
 - 最后,恢复的这些值可以恢复到对应的控件上.

检验你的应用程序如果一切没有问题,你会得到一个结果.

Apple Mac cocoa入门级教程- HelloWorld!

代码:

代码:

代码:

代码:

代码:

代码:

代码:

代码:

代码:

代码:

代码:

代码:

代码:

代码:

代码:

代码:

代码:

猜你在找的cocoa相关文章