Cocoa: Menampilkan image dengan dialog “Open file”

Cocoa: Menampilkan image dengan dialog “Open file”

December 8, 2011 Cocoa 0

Tutorial ini akan menunjukkan cara:

  1. menampilkan dan menggunakan dialog Open file
  2. 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:

Leave a Reply

Your email address will not be published. Required fields are marked *