Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UI Appearance Customizing in iOS 5

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

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
190
Core Data - App-Design, Nested ManagedObjectContexts, Migration
Avatar for Karl Bode kpbode
0
230

Other Decks in Technology

See All in Technology
Web Intelligence and Visual Media Analytics
Avatar for webLyzard technology weblyzard
PRO
1
6.8k
#22 CA × atmaCup 3rd 1st Place Solution
Avatar for yumizu yumizu
1
230
ドメイン駆動セキュリティへの道しるべ
Avatar for Aja9tochin pandayumi
0
150
【Oracle Cloud ウェビナー】ランサムウェアが突く「侵入の隙」とバックアップの「死角」 ～ 過去の教訓に学ぶ — 侵入前提の防御とデータ保護 ～
Avatar for oracle4engineer oracle4engineer
PRO
2
180
ファインディにおけるフロントエンド技術選定の歴史
Avatar for puku0x puku0x
2
1.6k
AWS Amplify Conference 2026 - 仕様からリリースまで一気通貫 生成 AI 時代のフルスタック開発
Avatar for Riku INADA inariku
2
300
AI Agent Standards and Protocols: a Walkthrough of MCP, A2A, and more...
Avatar for Guillaume Laforge glaforge
0
420
Kaggleコンペティション「MABe Challenge - Social Action Recognition in Mice」振り返り
Avatar for yu4u yu4u
1
630
Oracle Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
1
940
AI に「学ばせ、調べさせ、作らせる」。Auth0 開発を加速させる7つの実践的アプローチ
Avatar for Satoshi Kobayashi scova0731
0
330
サラリーマンソフトウェアエンジニアのキャリア
Avatar for YuheiNakasaka yuheinakasaka
42
19k
BPaaSオペレーション・kubell社内 n8n活用による効率化検証事例紹介
Avatar for KentaroFujii kentarofujii
0
150

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
84
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
43
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
1.9k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
52k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
53
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
120
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k

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