Fejlesztés rizsa nélkül!

jan 07

Fejlesztés rizsa nélkül!

iphone fejlesztés - by admin Add comments

Sziasztok! Radák Máté vagyok, az AppStore-ban megjelent alkalmazásaim alapján összeírtam néhány hasznos kódrészletet, amelyek mindig jól jöhetnek a fejlesztések során. Ezek az írások nem tutoriálok, inkább nevezném őket segédletnek.

Kezdjük az iTinker-rel (LiNK). Ez egy vízmérték, ami a beépített accelerometer-t használja és a visszakapott értékek alapján két UImageView objektumot mozgat. A tetején van egy kis reklám csík, ahol a szöveget mozgatom. Amiről most szó lesz, az az Accelerometer használata, valamint az UIViewImage létrehozása kódból és annak mozgatása.

A kódokhoz egy új View-based application template projectet hoztam létre szifon névvel. Az interface buildert ebben a leírásban nem használom, az objektumokat a példák során kódbol hozom létre.

Először is, hogy legyen mit mozgatnunk, létrehozunk egy kis zöld négyzetet a képernyő közepén. Én most a legegyszerűbb módon veszem fel az ehhez kellő UIImageView-t, természetesen lehet másképp is, sokkal szebben, de mivel most nem ez a téma, ezt a lustaságot nézzétek el nekem.

Szóval a szifonViewControllet.m -ben az implementation után vegyünk fel egy UIImageViewt:

szifonViewController.m:

@implementation szifonViewController

UIImageView *szifonImageView;

- (void)viewDidLoad {

És hogy ne felejtsük el később a memóriát felszabadítani, rögtön hívjuk is meg a release-t a dealloc-ban:

szifonViewController.m:

- (void)dealloc {

[szifonImageView release];

[super dealloc];

}

Most már megvan minden ahhoz, hogy a kis négyzetünket megjelenítsük:

szifonViewController.m:

- (void)viewDidLoad {

szifonImageView = [[UIImageView alloc] init]; // inicializáljuk az ImageView-nkat

[szifonImageView setFrame:CGRectMake(150.0, 220.0, 20.0, 20.0)]; // képernyő közepére az x=150, y=220 pixelre kiteszünk egy 20×20-as négyzetet

[szifonImageView setBackgroundColor:[UIColor greenColor]]; // beállítjuk a négyzet hátterét zöldre

[self.view addSubview:szifonImageView]; // megjelenítjük az aktuális View-n

}

Létrehoztuk a négyzetet, most kezdjük el mozgatni!

Az accelerometer használatához szükségünk van az UIAccelerometerDelegate-re, hogy az alkalmazásunk megkapja a készülék mozgatásakor az elmozdulás mértékét.

Ehhez a ViewController headerjében az interface definícióját módosítanunk kell az alábbiak szerint:

szifonViewController.h:

@interface szifonViewController : UIViewController <UIAccelerometerDelegate> {

}

majd hozzá kell adnunk a delegálás elcsípéséhez a következőt:

szifonViewController.h:

- (void)accelerometer:(UIAccelerometer *)accelerometer didAccelerate:(UIAcceleration *)acceleration;

Be kell állítanunk az accelerometer delegálásának a tulajdonságait:

szifonViewController.m -ben a ViewDidLoad-ban a négyzet megjelenítése után szúrjuk be ezt a két sort:

[[UIAccelerometer sharedAccelerometer] setUpdateInterval:0.1]; // 100ms-enként jön az adat, hogy mi az elmozdulás értéke

[[UIAccelerometer sharedAccelerometer] setDelegate:self]; // ezzel indítjuk a delegálást

Most már kapjuk az értékeket, már csak fel kell dolgoznunk azokat és mozgatni a négyzetünket.

szifonViewController.m:

- (void)accelerometer:(UIAccelerometer *)accelerometer didAccelerate:(UIAcceleration *)acceleration {

// az x, y, z értékeket az accelereometer objektum tartalmazza

// mi most csak az x és y-al foglalkozunk

// Mivel az érték -1 és +1 között változik, az elmozdításhoz 20-as szorzót használtam,

// ez azt jelenti, hogy legkisebb elmozdulás 2 pixel, a legnagyobb 20 pixel, attól függ, mennyire döntjük meg a készülékünket

szifonImageView.center = CGPointMake(szifonImageView.center.x, szifonImageView.center.y – (acceleration.y * 20)); // az y elmozdulás alapján mozgatjuk a négyzetet

szifonImageView.center = CGPointMake(szifonImageView.center.x + (acceleration.x * 20), szifonImageView.center.y); // az x elmozdulás alapján mozgatjuk a négyzetet

// ez itt néhány ellenőrzés, hogy ne tudjon eltűnni a négyzetünk a kijelzőről; ha nagyon le akarna mászni, egyszerűen visszatesszük a szélére

if (szifonImageView.center.x < 0) szifonImageView.center = CGPointMake(0.0, szifonImageView.center.y);

if (szifonImageView.center.x > 320) szifonImageView.center = CGPointMake(300.0, szifonImageView.center.y);

if (szifonImageView.center.y < 0) szifonImageView.center = CGPointMake(szifonImageView.center.x, 0.0);

if (szifonImageView.center.y > 480) szifonImageView.center = CGPointMake(szifonImageView.center.x, 460.0);

}

Ha mindnet jól csináltunk, a zöld négyzet a készülékünk mozgatásával mozogni fog a kijelzőn.

Összefoglalva a teljes kód:

szifonViewController.h:

#import <UIKit/UIKit.h>

@interface szifonViewController : UIViewController <UIAccelerometerDelegate> {

}

- (void)accelerometer:(UIAccelerometer *)accelerometer didAccelerate:(UIAcceleration *)acceleration;

@end

szifonViewController.m:

#import “szifonViewController.h”

@implementation szifonViewController

UIImageView *szifonImageView;

- (void)viewDidLoad {

szifonImageView = [[UIImageView alloc] init]; // inicializáljuk az ImageView-nkat

[szifonImageView setFrame:CGRectMake(150.0, 220.0, 20.0, 20.0)]; // képernyő közepére az x=150, y=220 pixelre kiteszünk egy 20×20-as négyzetet

[szifonImageView setBackgroundColor:[UIColor greenColor]]; // beállítjuk a négyzet hátterét zöldre

[self.view addSubview:szifonImageView]; // megjelenítjük az aktuális View-n

[[UIAccelerometer sharedAccelerometer] setUpdateInterval:0.1]; // 100ms-enként jön az adat, hogy mi az elmozdulás értéke

[[UIAccelerometer sharedAccelerometer] setDelegate:self]; // ezzel indítjuk a delegálást

[super viewDidLoad];