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
780

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

Other Decks in Technology

See All in Technology
AIエージェントで90秒の広告動画を制作！台本・音声・映像・編集をつなぐAWS最新アーキテクチャの実践
Avatar for Kiminori Yokoi nasuvitz
3
310
Agile PBL at New Grads Trainings
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
440
5年目から始める Vue3 サイト改善 #frontendo
Avatar for Kihara, Takuya tacck
PRO
3
230
AWSを利用する上で知っておきたい名前解決のはなし（10分版）
Avatar for nagisa_53 nagisa53
10
3.2k
ハードウェアとソフトウェアをつなぐ全てを内製している企業の E2E テストの作り方 / How to create E2E tests for a company that builds everything connecting hardware and software in-house
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
1
160
2025年夏 コーディングエージェントを統べる者
Avatar for nwiizo nwiizo
0
180
Firestore → Spanner 移行 を成功させた段階的移行プロセス
Avatar for a-thug athug
1
490
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
Avatar for oracle4engineer oracle4engineer
PRO
4
10k
プラットフォーム転換期におけるGitHub Copilot活用〜Coding agentがそれを加速するか〜 / Leveraging GitHub Copilot During Platform Transition Periods
Avatar for AEON aeonpeople
1
210
株式会社ログラス - 会社説明資料【エンジニア】/ Loglass Engineer
Avatar for 株式会社ログラス loglass2019
4
65k
Rustから学ぶ 非同期処理の仕組み
Avatar for skanehira skanehira
1
150
2つのフロントエンドと状態管理
Avatar for MIXI ENGINEERS mixi_engineers
PRO
3
110

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
3
55
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
13k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
87
4.8k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
It's Worth the Effort
Avatar for 3n 3n
187
28k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k

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