Cocoa: Menampilkan image dengan dialog “Open file”
Tutorial ini akan menunjukkan cara:
- menampilkan dan menggunakan dialog Open file
- menampilkan sebuah image yg dipilih dari dialog Open file
1) Gunakan object NSImageView dan sebuah Push button untuk membuat UI seperti ini:
2) Editlah file Header:
[sourcecode language=”objc”] //// ImageViewer4AppDelegate.h
//
#import <Cocoa/Cocoa.h>
@interface ImageViewer4AppDelegate : NSObject <NSApplicationDelegate> {
NSWindow *window;
NSImageView *imageView;
}
@property (assign) IBOutlet NSWindow *window;
@property (assign) IBOutlet NSImageView *imageView;
– (IBAction)openDialog:(id)sender;
@end
[/sourcecode]
3) Editlah file Implementation:
[sourcecode language=”objc”] //// ImageViewer4AppDelegate.m
//
#import "ImageViewer4AppDelegate.h"
@implementation ImageViewer4AppDelegate
@synthesize imageView;
@synthesize window;
– (void)applicationDidFinishLaunching:(NSNotification *)aNotification
{
// Insert code here to initialize your application
}
-(IBAction)openDialog:(id)sender{
NSOpenPanel* openDlg = [NSOpenPanel openPanel];
[openDlg setCanChooseFiles:YES];
[openDlg setCanCreateDirectories:NO];
if ([openDlg runModal]==NSOKButton){
NSImage *img = [[NSImage alloc] initWithContentsOfURL:[openDlg URL]];
[imageView setImage:img];
}
}
@end
[/sourcecode]
4) Buka panel “Show the connection inspector” dan buat connection dari action “openDialog” ke Push button “Open file…” pada UI. Dengan demikian, action “openDialog” akan dipanggil ketika tombol “Open file…” di-klik.
5) Klik tombol Run untuk mengeksekusi program, klik “Open File” untuk menampilkan dialog Open file, pilihlah sebuah file image dan klik Open:
6) Inilah tampilan akhir program kita: