Navigationbar gomb szin vagy árnyékolt gombsor

XCode AppleEzt a leírás két részre kell bontanom mert két megoldás van rá, a sima alap szín megadásán kívül. Első ha az összes használt view vagy tableview navigationbarnak azonos a színe, ilyenkor csak egy fejléc kép kell és két gomb ami a mozgó gombokat és a statikus gombok színét adja meg. A második amikor a fejléc színe más és ez miatt nem akarunk külön külön gombokat legyártani hozzá, ha nem a fejléc színivel azonos lesz a gombsorunk !
Az elsőnél mivel minden azonos így csak egy helyre kell írnunk kódsort.

AppDelegate.m részbe

– (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
UIImage *navBackgroundImage = [UIImage imageNamed:@”fejlechatter”];
[[UINavigationBar appearance] setBackgroundImage:navBackgroundImage forBarMetrics:UIBarMetricsDefault];

return YES;
}

Most az összes view fejléc része azonos háttérrel fog rendelkezni!
Ha tehát azonos az összes fejléc szín akkor a gombok színe is egyezni fog, ezért a következő sort kell hozzáadni ahol megadjuk a két gombot!
//mozgó gomb ( vissza )
UIImage *backButtonImage = [[UIImage imageNamed:@”vissza gomb”] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 13, 0, 6)];
[[UIBarButtonItem appearance] setBackButtonBackgroundImage:backButtonImage forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];

//statikus gomb ( Edit, stb.. )
UIImage *barButtonImage = [[UIImage imageNamed:@”statikus gomb”] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 6, 0, 6)];
[[UIBarButtonItem appearance] setBackgroundImage:barButtonImage forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];

A gomboknál a kiterjesztés nincs megadva de mind a kettő természetesen vissza gomb.png, statikus gomb.png !

A második megoldás amikor a fejléc színi vagy a háttér kép más ilyenkor egy átlátszó gombbal oldjuk meg a gombok kinézetét. Természetesen ilyenkor a view vagy tableview “viewDidLoad” részében helyezzük el a fejléc megjelenítését
self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@”fejlechatter”]];

Irány vissza az AppDelegate.m fájlba és helyezzük el a következő kódrészt! Természetesen most is a – (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{ részbe helyezzük el a kódsort !

UIImage *backButton = [[UIImage imageNamed:@”barButtonBack.png”] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 14, 0, 5)];
UIImage *barButton = [[UIImage imageNamed:@”barButton.png”] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 5)];

[[UIBarButtonItem appearanceWhenContainedIn:[UINavigationBar class], nil]
setBackButtonBackgroundImage:backButton
forState:UIControlStateNormal
barMetrics:UIBarMetricsDefault];

[[UIBarButtonItem appearanceWhenContainedIn:[UINavigationBar class], nil]
setBackgroundImage:barButton
forState:UIControlStateNormal
barMetrics:UIBarMetricsDefault];

Ha nagyon szeretnénk pl a self.title=”PecsXRss”; feliratot is szerkeszteni akkor a következő sorokat kell berakni még!

[[UINavigationBar appearance] setTitleTextAttributes: [NSDictionary dictionaryWithObjectsAndKeys:
[UIColor colorWithRed:245.0/255.0 green:245.0/255.0 blue:245.0/255.0 alpha:1.0], UITextAttributeTextColor,
[UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.8],UITextAttributeTextShadowColor,
[NSValue valueWithUIOffset:UIOffsetMake(0, 1)],
UITextAttributeTextShadowOffset,
[UIFont fontWithName:@”Arial” size:21.0], UITextAttributeFont, nil]];

  • UITextAttributeFont – szöveg stílus ( Arial )
  • UITextAttributeTextColor – szöveg színe
  • UITextAttributeTextShadowColor –  szöveg árnyék
  • UITextAttributeTextShadowOffset – eltolt szöveg árnyék

Mind a két megoldáshoz a gombok itt letölthetők ! A második gomb megoldásnál minden grafikát másoljatok be!!

Reklámok

Hozzászólás

Kategória: Források

Vélemény, hozzászólás?

Adatok megadása vagy bejelentkezés valamelyik ikonnal:

WordPress.com Logo

Hozzászólhat a WordPress.com felhasználói fiók használatával. Kilépés /  Módosítás )

Google kép

Hozzászólhat a Google felhasználói fiók használatával. Kilépés /  Módosítás )

Twitter kép

Hozzászólhat a Twitter felhasználói fiók használatával. Kilépés /  Módosítás )

Facebook kép

Hozzászólhat a Facebook felhasználói fiók használatával. Kilépés /  Módosítás )

Kapcsolódás: %s