Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!
Zadejte Vaši e-mailovou adresu:
Kamarád fotí rád?
Přihlas ho k odběru fotomagazínu!
Zadejte e-mailovou adresu kamaráda:
Začínáme s
Programování pro iOS - 36. Po navigátoru taby
6. dubna 2011, 00.00 | V minulém pokračování našeho seriálu, věnovaného programování aplikací v iOSu, jsme dokončili povídání o třídě UINavigationController; dnes budeme pokračovat další obecnou třídou, UITabBarControllerem.
Koncepce, princip použití a služby třídy UITabBarController se, jak uvidíme, dost podobá UINavigationControlleru, jehož popis jsme minule dokončili:
• oba jsou "kontejnery", jež obsahují sadu dalších řídicích objektů, podle potřeby mezi nimi přepínají a zobrazují jejich rámce;
• oba do obrazovky doplní své vlastní uživatelské rozhraní (záhlaví nahoře u UINavigationControlleru, taby dole zde);
• pro oba je k dispozici velmi podobné podpůrné API hned na obecné úrovni třídy UIViewController;
• oba využívají pomocný objekt přiřazený každému z obsažených řídicích objektů pro doplnění potřebných informací (pro UINavigationController to byl UINavigationItem, zde se zanedlouho seznámíme s podobnou třídou UITabBarItem);
• oba dokáží podobným způsobem spolupracovat s delegátem (ačkoli zde, jak uvidíme, UITabBarController umí ještě leccos navíc);
• nakonec se můžeme zmínit i o tom, že oba dokáží využít a zobrazit standardní titulek řídicího objektu (tedy obsah jeho atributu title), ačkoli to už je spíše drobnost.
Hlavním rozdílem mezi řídicími objekty UITabBarController a UINavigationController je to, že rámce spravované UITabBarControllerem jsou si rovnocenné, není mezi nimi žádná hierarchická návaznost. Proto také uživatelské rozhraní umožňuje volně přepínat z kteréhokoli z nich na kterýkoli jiný – ne jen na "předchozí", jako tomu bylo u navigátoru.
Služby třídy UITabBarController jsou obecně bohatší a nabízejí více možností (a také ušetří programátorovi více práce, pokud jde o podporu standardních aplikačních služeb).
Princip funkce
Základní princip, na němž je funkce "tab-baru" založena, můžeme téměř doslova opsat z článku o navigátoru, jen s drobnými změnami:
• instance třídy UITabBarController je standardním řídicím objektem rámce – můžeme jej tedy např. kdykoli zobrazit nad stávajícím rámcem pomocí služby presentModalViewController:animated: apod. Velmi často bývá hlavním řídicím objektem celé aplikace; pak je jeho kořenový rámec prostě v metodě application:didFinishLaunchingWithOptions: umístěn do hlavního okna;
• jeho rámec zobrazuje standardní zápatí ("taby") a nad ním libovolný vnořený řídicí objekt – může to být třeba i navigátor, o němž jsme si povídali v několika předcházejících dílech našeho seriálu, nebo cokoli jiného (naopak ale "tab bar" do navigátoru se nevkládá, protože by to bylo pro uživatele matoucí);
• takovýchto vnořených řídicích objektů může "tab bar" obsahovat více; zobrazuje vždy jeden z nich, a jeho zápatí ("taby") automaticky zajišťuje možnost přepnout na kterýkoli jiný.
Řídicí objekt třídy UITabBarController tedy používáme v aplikacích, které nabízejí několik různých služeb (nebo několik různých pohledů na společná data). Každou takovou službu (nebo pohled) implementujeme jako samostatný řídicí objekt rámce – na rozdíl od řídicích objektů uvnitř UINavigationControlleru bývají typicky tyto řídicí objekty navzájem odlišné –, a tyto řídicí objekty pak "zastřešíme" společným UITabBarControllerem.
Základní API
I "tab bar" je samozřejmě možné sestavit přímo v Interface Builderu. My si opět pro lepší pochopení nejprve ukážeme služby, potřebné pro programové sestavení "tabů" v kódu.
Na to, jak bohaté služby třída nabízí, je její základní API až překvapivě jednoduché. Nepotřebujeme speciální inicializátor (můžeme tedy použít prostě standardní init; jelikož se bavíme o programovém nastavení, nepotřebujeme žádný NIB, a argumenty případné zprávy initWithNibName:bundle: by stejně byly nil).
Jediné, co potřebujeme, je seznam řídicích objektů rámců, jež mají být uloženy v jednotlivých "tabech" – a ten se jednoduše uloží jako pole do atributu viewControllers. Pokud bychom tedy chtěli např. sestavit aplikaci, jejíž základní GUI je založeno na "tab baru" přepínajícím mezi řídicími objekty tříd A, B a C, mohlo by to vypadat zhruba takto:
#import "A.h" // první vnořený řídicí objekt
#import "B.h" // druhý vnořený řídicí objekt
#import "C.h" // třetí vnořený řídicí objekt
@implementation AppDelegate
@synthesize window;
@synthesize a,b,c; // všechny tři připraveny v XIBu
-(BOOL)application:(UIApplication*)app
didFinishLaunchingWithOptions:(NSDictionary*)options {
UITabBarController *tbc=[[UITabBarController alloc] init];
tbc.viewControllers=[NSArray arrayWithObjects:a,b,c,nil];
[self.window addSubview:tbc.view];
[self.window makeKeyAndVisible];
return YES;
}
To je vlastně vše – aplikace bude hned fungovat korektně, rámce, řízené objekty A, B a C bude možné vzájemně přepínat. Pokud řídicí objekty těchto rámců obsahují atributy title, budou tyto titulky v tabech korektně zobrazeny.
Ovšem... v tabech nebudou žádné ikony, a bez těch se samozřejmě neobejdeme. Pro nastavení požadovaných ikon nenabízí přímo vlastní API třída UITabBarController: ikony totiž (stejně jako některé další atributy, s nimiž se seznámíme později) se nastavují prostřednictvím pomocného objektu třídy UITabBarItem. Ten je s každým řídicím objektem rámce spojen prostřednictvím jeho atributu tabBarItem, podobně, jako tomu bylo u navigátoru s atributem navigationItem:
@interface UIViewController (UITabBarControllerItem)
@property(nonatomic,retain) UITabBarItem *tabBarItem;
...
@end
Mezi atributy tohoto pomocného objektu – tedy třídy UITabBarItem – pak patří také atribut image:
@property(nonatomic,retain) UIImage *image;
jehož nastavení právě určí ikonu pro daný "tab".
Za normálních okolností svou vlastní ikonu pro tab bar samozřejmě nastavuje každý řídicí objekt ve svém vlastním zdrojovém kódu – typicky ve vlastní metodě init... nebo awakeFromNib. My si zde ale ukážeme nastavení ikon "zvenku" – předpokládejme třeba, že řídicí objekty rámců A, B a C nebyly psány pro použití ve struktuře "tab bar". Pro zjednodušení kódu budeme také předpokládat, že odpovídající ikony jsou v projektu uloženy pod stejnými jmény, jako jsou jména tříd řídicích objektů – pro řídicí objekt A tedy bude existovat ikona "A.png" a podobně.
Pak stačí přidat do výše uvedeného kódu jediný příkaz
...
tbc.viewControllers=[NSArray arrayWithObjects:a,b,c,nil];
for (UIViewController *vc in tbc.viewControllers)
vc.tabBarItem.image=
[UIImage imageNamed:NSStringFromClass(vc.class)];
[self.window addSubview:tbc.view];
...
a jsme hotovi.
Co když se taby nevejdou?
To je sice všechno pěkné, ale co když se pokusíme uložit do UITabBarControlleru řídicích objektů příliš mnoho, takže se do zápatí nevejdou?
Zkusme to – třeba takto (ačkoli v praxi se to z pochopitelných důvodů nedělává, nic nám nebrání mít v "tab baru" jeden jediný řídicí objekt několikrát):
...
tbc.viewControllers=
[NSArray arrayWithObjects:a,b,c,a,b,c,a,b,c,nil];
...
Uvidíme, že třída UITabBarController opravdu automaticky zajistí velmi bohaté standardní aplikační služby, o jejichž implementaci se vůbec nemusíme starat:
• prvé čtyři ikony se zobrazí a fungují normálně;
• na místě páté ikony se automaticky objeví standardní "trojtečka" s titulkem "Více";
• pokud ji použijeme, objeví se tabulka, jež obsahuje ikony a titulky všech řídicích objektů, jež se nevešly do "zápatí" (v našem případě jich zde tedy bude pět);
• klepnutím na kterýkoli z řádků této tabulky můžeme odpovídající řídicí objekt aktivovat; jeho rámec se zobrazí, ale standardně navíc dostane navigační záhlaví, umožňující návrat k tabulce;
• kromě toho je v záhlaví tabulky tlačítko "Edit"; pokud je použijeme, zobrazí se standardní konfigurační stránka, v níž můžeme změnit řídicí objekty, jež jsou uloženy v prvých čtyřech pozicích "tab baru".
To vše dostáváme zcela "zadarmo", aniž bychom pro to museli napsat jediný řádek kódu.
Ovšem... o jednu věc se postarat sami musíme: musíme zařídit, aby po ukončení aplikace a jejím novém spuštění byly v prvých čtyřech pozicích "tab baru" právě ty řídicí objekty, jež si tam naposledy uživatel umístil (a ne opět "a", "b", "c" a "d"). Jak? To si už – spolu s dalšími možnostmi a službami – ukážeme příště.
Obsah seriálu (více o seriálu):
- Nastal čas na kakao...
- Tak nejdřív kakao ochutnáme...
- Programovací jazyk C: velmi, velmi stručně
- Objective C: to si vysvětlíme podrobněji
- Co jsme si o Objective C ještě neřekli...
- Nastal čas na kakao - Vznik a zánik objektů
- Nastal čas na kakao - Kopírování objektů
- Nastal čas na kakao - Skryté podtřídy
- Nastal čas na kakao - Základní služby objektů
- Nastal čas na kakao - Jak správně psát v Objective C
- Nastal čas na kakao - Jak správně importovat
- Nastal čas na kakao - Podtřídy, delegáti, vkládání, jak se to rýmuje?
- Nastal čas na kakao - Využití kategorií namísto dědičnosti
- Nastal čas na kakao - Vkládání objektů a přesměrování zpráv
- Nastal čas na kakao - Inicializace a rušení objektů
- Nastal čas na kakao - Metody initWith... a designovaný inicializátor
- Nastal čas na kakao - Inicializace: tipy a triky
- Nastal čas na kakao - Accesory: přístup k proměnným instancí
- Nastal čas na kakao - Šedá je teorie, zelený je strom života...
- Nastal čas na kakao - Více o XCode: inspektory
- Nastal čas na kakao - Aplikace RSS2: datový model
- Nastal čas na kakao - Aplikace RSS: implementace datového modelu
- Nastal čas na kakao - Aplikace RSS: parsování XML
- Nastal čas na kakao - Interface Builder a uživatelské rozhraní
- Nastal čas na kakao - Interface Builder: atributy objektů
- Nastal čas na kakao - Interface Builder: atributy objektů
- Nastal čas na kakao - Druhý kontrolér a dokončení aplikace
- Nastal čas na kakao - Drobná vylepšení a zdokonalení...
- Nastal čas na kakao - Ladění
- Nastal čas na kakao - Třídy Foundation Kitu
- Nastal čas na kakao - Třídy Foundation Kitu (2)
- Nastal čas na kakao - Textové řetězce: NS(Mutable)String
- Nastal čas na kakao - Čísla, binární data a další...
- Nastal čas na kakao - Archivace objektů
- Nastal čas na kakao - Trocha magie, aneb distribuované objekty
- Nastal čas na kakao - Málem bychom zapomněli: NSAutoreleasePool
- Nastal čas na kakao - Zpracování výjimek: NSException
- Nastal čas na kakao - NSInvocation a černá magie
- Nastal čas na kakao - Kakao v Tygrovi
- Nastal čas na kakao - Notifikace: nepřímé předávání zpráv
- Nastal čas na kakao - NSUserDefaults
- Nastal čas na kakao - Co nového ve Foundation Kitu
- Nastal čas na kakao – s Intelem, s Intelem, jedeme do...
- Co nového v Xcode
- Začínáme s AppKitem
- Jak MVC v Kakau vypadá doopravdy?
- Jak MVC v Kakau vypadá doopravdy: dokončení
- Přehled tříd AppKitu
- Nastal čas na kakao - Přehled tříd AppKitu 2
- Přehled tříd AppKitu 3: zbývající třídy GUI
- Přehled tříd AppKitu 4: textový systém
- Nastal čas na kakao - Přehled tříd AppKitu 5: hlavně grafika
- Přehled tříd AppKitu 6: dokumentový systém
- Přehled tříd AppKitu 7: dokončení
- Pojmenované vlastnosti objektů
- Pojmenované vlastnosti objektů: implementace
- Pojmenované vlastnosti objektů: relace 1:N
- Pojmenované vlastnosti objektů: řazení jmen a agregační funkce
- Sledování změn objektů
- Sledování změn objektů – ukázka
- Sledování změn objektů – zdrojový kód
- Sledování změn objektů: kód modelu
- Sledování změn objektů: přímý přístup
- Kontroléry a vazby
- Vázání vazeb
- Další vazby s jednoduchým kontrolérem
- Implementace a použití převodu hodnot
- Validace hodnot
- Validace a chyby, a jedna hezká vazba...
- Práce s polem objektů
- Základní vazby NSArrayControlleru
- Převodníky, přepínače, placeholdery
- Mírná vylepšení v mezích zákona
- Objective C 2.0 - novinky z Leoparda
- NSTreeController
- Programování v Cocoa - Pár tipů a triků
- Programování v Cocoa - Základy kreslení
- Kterak nakreslit modrý obdélník...
- Další služby pro kreslení
- Obrázky a písmenka...
- Události a myš
- Lepší práce s myší
- Události klávesnice
- Input Management
- Příkazy a schránka
- Další události
- Táhni a padni
- Byli jsme na tahu; nyní padneme.
- Zvolme si, jak vhodit
- Drobnosti a chybičky
- Speciální případy tahání či házení
- Kterak táhnout něco, co neexistuje?
- Jak na sítě...
- NSURLConnection
- Safari za minutu
- Služby WebKitu
- Kakao v Leopardu
- Druhé Objective C
- Druhé Objective C: různé drobnosti
- Druhé Objective C: kategorie a protokoly
- Druhé Objective C: nový příkaz cyklu
- Druhé Objective C: atributy a accesory
- Druhé Objective C: atributy a accesory
- 64 je dvakrát 32
- Ubicumque dulce est, ibi et acidum invenies...
- Irbis: že prý žádné novinky?
- Blok sem, blok tam, nám už je to všechno jasné...
- Bloky jsou i v AppKitu
- Irbis a Foundation Kit
- Kde jsou má data?
- Kde jsou má data? V NSCache!
- Soubor, jméno, URL, jak se to rýmuje...
- Další podpora NSURL
- Zabíjení!
- A máme tady i...OS!
- Systémové prvky GUI
- Programování pro iOS 1. díl - Rozdíly mezi "i" a "Mac"
- Programování pro iOS - 2. Začínáme programovat
- Programování pro iOS - 3. základní ovladače a propojení GUI s kódem
- Programování pro iOS - 4. Varovná hlášení
- Programování pro iOS - 5. Rámce a jejich řídicí objekty
- Programování pro iOS - 6. Ukládání dat
- Programování pro iOS - 7. Správa paměti a starý restík
- Programování pro iOS - 8. Dokončení aplikace
- Programování pro iOS - 9. Jak dostat aplikaci do iPhone
- Programování pro iOS - 10. Instalace aplikace do cizího iPhone
- Programování pro iOS - 11. Jak dostat aplikaci do libovolného iPhone
- Programování pro iOS - 12. Touching!
- Programování pro iOS - 13. Kreslíme na iPhone
- Programování pro iOS - 14. Udělejme gesto
- Programování pro iOS - 15. Další gesta
- Programování pro iOS - 16. Více prstů, více zábavy
- Programování pro iOS - 17. Podpora standardních gest
- Programování pro iOS - 18. Recognizery v iOS
- Programování pro iOS - 19. Další standardní recognizery
- Programování pro iOS - 20. Co nového v iOSu
- Programování pro iOS - 21. "Multitasking"
- Programování pro iOS - 22. Nulla est honesta avaritia nisi temporis
- Programování pro iOS - 23. Jak se aktivovat, jsme-li v pozadí
- Programování pro iOS - 24. Zbývající drobnosti
- Programování pro iOS - 25. Řídicí objekty rámců
- Programování pro iOS - 26. Jak se dělá UIViewController
- Programování pro iOS - 27. Kde vzít rámce
- Programování pro iOS - 28. Základní služby
- Programování pro iOS - 29. Práce s rámci
- Programování pro iOS - 30. Rotace zařízení
- Programování pro iOS - 31. Správa paměti v rámcích
- Programování pro iOS - 32. Řídicí objekt pro tabulky
- Programování pro iOS - 33. Řídicí objekt pro strom
- Programování pro iOS - 33. Více o UINavigationControlleru
- Programování pro iOS - 35. Ještě jednou UINavigationController
- Programování pro iOS - 36. Po navigátoru taby
- Programování pro iOS - 37. Více o UITabBarControlleru
- Programování pro iOS - 38. Dokončení UITabBarControlleru
- Programování pro iOS - 39. UIPopoverController
- Programování pro iOS - 40. Další triky UIPopoverControlleru
- Programování pro iOS - 41. Zbývající služby UIPopoverControlleru
- Programování pro iOS - 42. UISplitViewController
- Programujeme v
iTunesXcode 4 - Programování pro iOS - 44. Předvolby Xcode 4
- Programování pro iOS - 45. Práce v Xcode 4
- Xcode 4: projekt a cíle
- Xcode 4: práce s cíli
- Xcode 4: Build Settings
- Xcode 4: Build Phases
- Xcode4: Build Phases podruhé
- Xcode 4: Co jsou to Build Rules?
- Xcode4: taje editoru
- Xcode4: automatické doplňování v editoru
- XIBy chyby
- Více o XIBech
- Editor XIBů
- Inspektory pro XIBy
- Vazby mezi objekty v XIBech
- Vazby mezi objekty v kódu
- Paletky Xcode pro XIBy
- Xcode 4: levý sloupec
- Xcode 4: okno Organizer
- Xcode 4: okno Organizer, část druhá
- Xcode 4: co je to Workspace?
- Xcode 4: základy schémat
- Xcode 4: akční schémata
Poslat článek
Nyní máte možnost poslat odkaz článku svým přátelům: