$30 off During Our Annual Pro Sale. View Details »

UI Appearance Customizing in iOS 5

Avatar for Karl Bode Karl Bode
December 01, 2011
Technology
1
790

UI Appearance Customizing in iOS 5

Mein Beitrag zur iPhone Developer Conference 2011 in Köln.

Avatar for Karl Bode

Karl Bode

December 01, 2011
Tweet

More Decks by Karl Bode

See All by Karl Bode
Xcode in der Praxis
Avatar for Karl Bode kpbode
0
180
Core Data - App-Design, Nested ManagedObjectContexts, Migration
Avatar for Karl Bode kpbode
0
230

Other Decks in Technology

See All in Technology
ActiveJobUpdates
Avatar for Kuniaki IGARASHI igaiga
1
140
文字列の並び順 / Unicode Collation
Avatar for とみたまさひろ tmtms
3
610
プロンプトやエージェントを自動的に作る方法
Avatar for shibuiwilliam shibuiwilliam
13
11k
20251218_AIを活用した開発生産性向上の全社的な取り組みの進め方について / How to proceed with company-wide initiatives to improve development productivity using AI
Avatar for yayoi_dd yayoi_dd
0
120
MySQLとPostgreSQLのコレーション / Collation of MySQL and PostgreSQL
Avatar for とみたまさひろ tmtms
1
410
30分であなたをOmniのファンにしてみせます～分析画面のクリック操作をそのままコード化できるAI-ReadyなBIツール～
Avatar for Sagara sagara
0
180
チーリンについて
Avatar for ぐっち hirotomotaguchi
6
2.1k
.NET 10の概要
Avatar for tomokusaba tomokusaba
0
120
Amazon Quick Suite で始める手軽な AI エージェント
Avatar for shimy shimy
0
170
AIプラットフォームにおけるMLflowの利用について
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
170
IAMユーザーゼロの運用は果たして可能なのか
Avatar for Yuuki Yamashita yama3133
1
480
寫​了​幾年​ Code，​然後​呢？​軟體​工程師​必須重新​認識​的​ DevOps
Avatar for Cheng-Wei Chen cheng_wei_chen
1
1.5k

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
540
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
800
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.3k
Done Done
Avatar for chrislema chrislema
186
16k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.8k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k

Transcript

  1. UI Customization API Karl Bode @karl_in Neu in iOS 5...

    hot coffee apps

  2. • Neue Styling-Properties • UIAppearance • UIAppearanceContainer • Code-Beispiele Übersicht

    Karl Bode iOS 5 - UI Customization API

  3. • Neue Styling-Properties • UIAppearance • UIAppearanceContainer • Code-Beispiele Übersicht

    Karl Bode iOS 5 - UI Customization API

  4. • Neue Styling-Properties • UIAppearance • UIAppearanceContainer • Code-Beispiele Übersicht

    Karl Bode iOS 5 - UI Customization API

  5. TintColor • UIActivityIndicatorView • UIProgressView • UISlider • UISwitch •

    UISegmentedControl • UI***Bar • UIBarButtonItem Karl Bode iOS 5 - UI Customization API

  6. Image • UIBarButtonItem • UINavigationBar • UISearchBar • UITabBar •

    UIToolbar • UIProgressView • UISegmentedControl Karl Bode iOS 5 - UI Customization API

  7. TextAttributes • UIBarItem • UINavigationBar • UISearchBar • UISegmentedControl Karl

    Bode iOS 5 - UI Customization API [NSDictionary dictionaryWithObjectsAndKeys: [UIColor whiteColor], UITextAttributeTextColor, nil]];

  8. PositionAdjustment • UIBarButtonItem • UINavigationBar • UISearchBar • UISegmentedControl Karl

    Bode iOS 5 - UI Customization API

  9. Proxy-Mechanismus [UISwitch appearance]

  10. • UIAppearance Protokoll • Klassenmethode: appearance • iOS-Runtime liefert Proxy-Instanz

    • Styling wird “aufgezeichnet” • Styling wird vor [UIView layoutSubviews] “abgespielt” Proxy-Mechanismus Karl Bode iOS 5 - UI Customization API

  11. • kein Styling in Echtzeit, View muss neu aufgebaut werden

    • funktioniert auch mit Subklassen • direktes Styling wird immer bevorzugt Proxy-Mechanismus Karl Bode iOS 5 - UI Customization API

  12. Proxy-Mechanismus ... UISwitch *switchProxy = [UISwitch appearance]; switchProxy.onTintColor = [UIColor

    greenColor]; ... Alle Instanzen der Klasse UISwitch anpassen: Karl Bode iOS 5 - UI Customization API

  13. [self showCode]; Karl Bode iOS 5 - UI Customization API

  14. Proxy-Mechanismus ... @interface KBCustomView : UIView<UIAppearance> @property(nonatomic, retain) UIColor* someColor

    UI_APPEARANCE_SELECTOR; @end ... Style-Properties werden mit UI_APPEARANCE_SELECTOR markiert: Karl Bode iOS 5 - UI Customization API

  15. [self showCode]; Karl Bode iOS 5 - UI Customization API

  16. Containment • UIAppearanceContainer<NSObject> als Marker-Protokoll • +[id<UIAppearance> whenContainedIn: [Class<UIAppearanceContainer> class],

    nil]; • Statement von unten nach oben schreiben Karl Bode iOS 5 - UI Customization API

  17. UIWindow UIView UITabBarViewController UIView KBSecondViewController UIView KBFirstViewController UIView UINavigationController UIView

    KBNavigationController UISwitch UISwitch Containment-Hierarchie Karl Bode iOS 5 - UI Customization API

  18. UIWindow UIView UITabBarViewController UIView KBSecondViewController UIView KBFirstViewController UIView UINavigationController UIView

    KBNavigationController UISwitch UISwitch Containment-Hierarchie [UISwitch appearance]; Karl Bode iOS 5 - UI Customization API

  19. UIWindow UIView UITabBarViewController UIView KBSecondViewController UIView KBFirstViewController UIView UINavigationController UIView

    KBNavigationController UISwitch UISwitch Containment-Hierarchie Karl Bode iOS 5 - UI Customization API

  20. UIWindow UIView UITabBarViewController UIView KBSecondViewController UIView KBFirstViewController UIView UINavigationController UIView

    KBNavigationController UISwitch UISwitch Containment-Hierarchie [UISwitch appearanceWhenContainedIn:[KBFirstViewController class], nil]]; Karl Bode iOS 5 - UI Customization API

  21. UIWindow UIView UITabBarViewController UIView KBSecondViewController UIView KBFirstViewController UIView UINavigationController UIView

    KBNavigationController UISwitch UISwitch Containment-Hierarchie Karl Bode iOS 5 - UI Customization API

  22. UIWindow UIView UITabBarViewController UIView KBSecondViewController UIView KBFirstViewController UIView UINavigationController UIView

    KBNavigationController UISwitch UISwitch Containment-Hierarchie Karl Bode iOS 5 - UI Customization API [UISwitch appearanceWhenContainedIn: [KBSecondViewController class], [KBNavigationController class], nil]];

  23. Containment-Hierarchie • erster eindeutiger Treffer von oben nach unten “gewinnt”

    • spezieller vor unspezieller • teilweise müssen z.B. leere Klassen als Marker erstellt werden Karl Bode iOS 5 - UI Customization API

  24. [self showCode]; Karl Bode iOS 5 - UI Customization API

  25. Fazit • neue Properties vereinfachen das Customizing deutlich • reicht

    für viele einfache Fälle aus • Containment-Statement könnte ausdrucksstärker sein • Statements unbedingt immer wieder testen! Karl Bode iOS 5 - UI Customization API

  26. Fragen? Karl Bode iOS 5 - UI Customization API @karl_in

    [email protected]

  27. Quellen • Customizing the Appearance of UIKit Controls, Chris Parker,

    WWDC ’11 • iOS Reference Documentation Karl Bode iOS 5 - UI Customization API