iphone学习之旅之实例：LED电子时钟

在我们的iphone上如果有一个LED显示的电子时钟会有一种特别的感觉吧，呵呵。

 

首先，我们打开Xcode，点击File→New Project，选择iPhone OS→Application，在这里我们选择View-based Application模版（我们的整个应用程序只有一个视图），点选Choose之后保存为LEDClick工程（默认整个工程会保存在/Users/当前登陆用户名/Documents下面）。之后点击OK就创建了了整个目录。

我们来看Groups&Files窗体，它分类显示了项目中的所有的信息。下面我们来进行具体的程序编写。对于我们来说，整个程序只有一个输出口（IBOutlet），我们会将当前的时候通过这个输出口显示出来。整个程序用到的主要有时间控制函数与计时器。

打开Classes文件夹中的LEDClockAppDelegate.h文件，这是一个应用程序委托的头文件，我们在其中添加一个NSTimer类的引用对象声明，同时添加一个无返回值的函数onInterval来实现时钟应用的计时功能，每隔一秒钟进行一次时钟计时.

//
//  LEDClockAppDelegate.h
//  LEDClock
//
//  Created by blessdyb on 09-9-5.
//  Copyright mobroad.com 2009. All rights reserved.
//

#import <UIKit/UIKit.h>

@class LEDClockViewController;

@interface LEDClockAppDelegate : NSObject <UIApplicationDelegate> {
    UIWindow *window;
    LEDClockViewController *viewController;
	NSTimer *timer;
}

@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet LEDClockViewController *viewController;

-(void) onInterval;

@end

 

 

 

之后进入委托程序的实现文件LEDClockAppDelegate.h中（如果你是在LEDClockAppDelegate.h中，那点击option+command+↑，就可以直接跳转到相应的实现文件中）。

//
//  LEDClockAppDelegate.m
//  LEDClock
//
//  Created by blessdyb on 09-9-5.
//  Copyright mobroad.com 2009. All rights reserved.
//

#import "LEDClockAppDelegate.h"
#import "LEDClockViewController.h"

@implementation LEDClockAppDelegate

@synthesize window;
@synthesize viewController;


- (void)applicationDidFinishLaunching:(UIApplication *)application {    
    
    timer=[NSTimer scheduledTimerWithTimeInterval:(1.0) target:self selector:@selector(onInterval) userInfo:nil repeats:YES];  
    [window addSubview:viewController.view];
    [window makeKeyAndVisible];
}

-(void) onInterval{
	[viewController interval];
}

- (void)dealloc {
	[timer release];
    [viewController release];
    [window release];
    [super dealloc];
}


@end

 

 

 

下面我们进行控制器类的编程实现。首先来看它的头文件，双击LEDClockViewController.h文件，我们在这里完成输入口的定义。由于我们的LED电子时钟是在一个标签上显示的，所以我们在这里声明一个UILabel的实例做为控制器类的属性，同时声明一个interval的无返回值方法（这下知道刚才委托类中的调用是怎么回事了吧）。

//
//  LEDClockViewController.h
//  LEDClock
//
//  Created by blessdyb on 09-9-5.
//  Copyright mobroad.com 2009. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface LEDClockViewController : UIViewController {
	IBOutlet UILabel *timerLabel;
}

@property (nonatomic, retain) UILabel *timerLabel;

-(void) interval;

@end

 

 

 

下面进入控制器类的实现文件中对刚才的定义进行实现，双击LEDClockViewController.m，我们首先需要设置整个程序视图加载时时钟显示标签的字体，大小及初始化文本。这样，在计时器开始运行后，我们只需要每过一秒种改变显示标签的文本值就可以了。

 

//
//  LEDClockViewController.m
//  LEDClock
//
//  Created by blessdyb on 09-9-5.
//  Copyright mobroad.com 2009. All rights reserved.
//

#import "LEDClockViewController.h"

@implementation LEDClockViewController

@synthesize timerLabel;

-(void) interval{
	NSUInteger unitFlags=NSHourCalendarUnit | NSMinuteCalendarUnit | NSSecondCalendarUnit;
	NSCalendar *calendar=[[NSCalendar alloc] initWithCalendarIdentifier:NSGregorianCalendar];
	NSDate *date=[NSDate date];
	NSDateComponents *now=[calendar components:unitFlags fromDate:date];
	int hour=[now hour];
	int minute=[now minute];
	int second=[now	second];
	[timerLabel setText:[NSString stringWithFormat:@"%02d:%02d:%02d",hour,minute,second]];
	[calendar release];
}

/*
// The designated initializer. Override to perform setup that is required before the view is loaded.
- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
    if (self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil]) {
        // Custom initialization
    }
    return self;
}
*/

/*
// Implement loadView to create a view hierarchy programmatically, without using a nib.
- (void)loadView {
}
*/



// Implement viewDidLoad to do additional setup after loading the view, typically from a nib.
- (void)viewDidLoad {
	[timerLabel setFont:[UIFont fontWithName:@"DBLCDTempBlack" size:50.0]];
	[timerLabel setText:@"电子时钟"];
    [super viewDidLoad];
}




// Override to allow orientations other than the default portrait orientation.
- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
    // Return YES for supported orientations
    //return (interfaceOrientation == UIInterfaceOrientationPortrait);
	return YES;
}


- (void)didReceiveMemoryWarning {
	// Releases the view if it doesn't have a superview.
    [super didReceiveMemoryWarning];
	
	// Release any cached data, images, etc that aren't in use.
}

- (void)viewDidUnload {
	// Release any retained subviews of the main view.
	// e.g. self.myOutlet = nil;
}


- (void)dealloc {
	[timerLabel release];
    [super dealloc];
}

@end

 

 

接着我们需要完成程序的界面设计及元素连接，我们来看Resources目录下的文件，这里有三个文件，一个是LEDClockViewController.xib，一个是MainWindow.nib（主要是让应用程序委托、主窗口和视图控制器实例在运行时创建）,还有一个LEDClock-info.plist（应用程序的各种参数配置）文件。

         双击LEDClockViewController.xib文件，之后会默认打开Interface Builder，我们会看到一个文件管理器窗口，其中有File’s Owner,First Responder 及View.双击View图标后会出现一个窗口，这就是我们应用程序在运行时最终被加载的视图，我们在菜单栏选取Tools→Inspector，之后就会出现一个View Attributes的窗口，在里面可以编辑视图的各种属性，在这里我们让它的背景(Background)为黑色。之后再选取Tools→Library，打开库面板，我们在Library中找到Label控件，用鼠标选中后拖放到刚才打开的View窗口中，同样打开属性选择器后更改当前Label控件的大小及字体色彩，在这里我们设置它的色彩为红色。

         最后是整个程序最重要的一个步骤，元素的连接，我们选中xib窗口中的File’s Owner图标，同时按住Ctrl按键后往视图上的Label控件方向拖动，此时会出现一根蓝色的线条，当这根线条到达Label控件后Label控件变为选中状态，之后就会出现一个Outlets框，选中timerLabel后单击就可以完成了。（这个步骤完成了后可以先选中Label控件后点Tools→Connections Inspector后会看到弹出的窗口中的Referencing Outlets中出现一个连接项）。

    这样整个程序就编写完成。我们选择Xcode中的Run后打开iPhone模拟器就可以看到整个程序的运行结果了。