Cocoa: Bekerja dengan NSImage

Cocoa: Bekerja dengan NSImage

December 7, 2011 Cocoa 0

1) Buatlah sebuah project baru

2) Buka menu: File > New File. Pada pilihan template, pilih “Objective-C class” dan klik Next.

3) Pada pilihan “Choose options for your new file”, pilih “Subclass of NSView”, lalu klik Next.

4) Pada isian “Save As”, masukkan nama Class yg anda inginkan (Contoh: MyView) dan klik Save. XCode akan membuatkan dua file baru yg berakhiran .m dan .h, contoh: MyView.m dan MyView.h

[sourcecode language=”objc”] //
// MyView.h
//

#import <Cocoa/Cocoa.h>

@interface MyView : NSView

@end
[/sourcecode]

 

[sourcecode language=”objc”] //
// MyView.m
//

#import "MyView.h"

@implementation MyView

– (id)initWithFrame:(NSRect)frame
{
self = [super initWithFrame:frame];
if (self) {
// Initialization code here.
}

return self;
}

– (void)drawRect:(NSRect)dirtyRect
{
// Drawing code here.
}

@end
[/sourcecode]

5) Tambahkan kode program pada bagian @interface file MyView.h sehingga menjadi seperti ini:

[sourcecode language=”objc”] //
// MyView.h
//

#import <Cocoa/Cocoa.h>

@interface MyView : NSView{
@private
NSImageView *imageView;
}

@end
[/sourcecode]

6) Pada file MyView.m, kita tambahkan kode program di bawah ini, menggantikan comment “// initialization code here” sesudah perintah IF:

[sourcecode language=”objc”] //
// MyView.m
//

#import "MyView.h"

@implementation MyView

– (id)initWithFrame:(NSRect)frame
{
self = [super initWithFrame:frame];
if (self) {
// mulai disini
NSRect rect = NSMakeRect(10, 10, 400, 300);
imageView = [[NSImageView alloc] initWithFrame:rect];
[imageView setImageScaling:NSScaleToFit];
[imageView setImage:[NSImage imageNamed:@"myfamily.jpg"]];
[self addSubview:imageView];
// sampai disini
}

return self;
}

– (void)drawRect:(NSRect)dirtyRect
{
// Drawing code here.
}

@end

[/sourcecode]

Perhatikan setelah method imagedName kita cantumkan nama file gambar yang akan ditampilkan sebagai sebuah NSString.

7) Buka Finder dan bukalah folder dimana file gambar anda berada. Klik dan Drag file gambar tersebut ke dalam panel Project Navigator, tepatnya di dalam Folder: “Supporting Files”.

8) Akan muncul dialog: “Choose options for adding these files:”, berikan tanda centang pada pilihan “Copy items into destination group’s folder (if needed)” dan klik Finish.

9) Pastikan nama file gambar muncul di panel Supporting Files:

10) Klik file .xib pada Project Navigator untuk menampilkan Interface Builder. Pada panel Object Library, pilihlah object “Custom View”

11) Klik dan Drag object Custom View ke form anda dan ubah ukurannya memenuhi seluruh form. Klik “Show identity inspector” dan pada isian Class, masukkan nama Sub Class NSView yg kita buat pada langkah 4 tutorial ini (MyView).

12) Klik tombol Run untuk mengeksekusi program anda. Inilah hasil akhirnya:

 

Leave a Reply

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