What is new in UIKit for iOS 13

1. What’s new in UIKit
for iOS 13

2. What’s new in UIKit
for iOS 13
! Dark Mode
" UIKit evolution
🏗 UI Improvement

3. Thomas Besnehard
Appiculteur
• iOS enthusiast
• Swift developer
• UX evangelist
Developpeur freelance
iOS - startup & jeune
entreprise innovante

4. ! Dark Mode

5. Sondage
Qui utilise le Dark Mode ?

6. 🎨 Gestion des
Couleurs

7. White != Black

8. Semantic Colors

9.  Semantic Colors

10.  Semantic Colors

11.  Semantic
Colors
La liste complète est
accessible dans Xcode

12. Couleur perso
Passer en Privé Tester pour iOS 13

13. Test dans Xcode

14. Wordline /
ControllerFactory
• Permet de balayer
l’intégralité des écrans de
l’app
• https://github.com/worldline/
ControllerFactory

15. 🛤 Gestion de la
profondeur

16. Les ombres c’est pas ouf

17.  Materials

18.  Materials
System-Defined Materials
• SystemUltraThinMaterial
• SystemThinMaterial
• SystemMaterial (default)
• SystemThickMaterial
System-Defined Vibrancy
• label (default)
• secondaryLabel
• tertiaryLabel
• quaternaryLabel
https://developer.apple.com/design/human-interface-guidelines/ios/visual-
design/materials/

19. Source & Doc
Implementing Dark Mode on iOS
• https://developer.apple.com/
wwdc19/214
Apple Design Guideline
• https://developer.apple.com/design/human-
interface-guidelines/ios/visual-design/dark-mode/
• https://developer.apple.com/design/human-
interface-guidelines/ios/visual-design/materials/

20. " UIKit evolution

21. ⛵ Navigation Bar

22. Navigation Bar Appearance

23. UINavigationBar.
standardAppearance

24. UINavigationBar.
scrollEdgeAppearance

25. iOS 13
Modal
presentation
• Pas full screen
• Peut être swiper pour
fermer

26. Modal presentation
Revenir au comportement iOS 12
• Ouverture plein écran
• Empêcher le « pull to dismiss »

27. Modal presentation
Erreur de débutant

28. 🔍 Search Bar

29. iOS 13
Search
presentation
Search Text Field
Pour la customisation

30. Search presentation
Dans la pratique…

31. Search presentation
Dans la pratique…

33. 🚥 Segmented Control

34. SegmentController
presentation

35. 🥡 New Context
Menus

36. Sondage
Qui utilise Peek and Pop ?

37. iOS 13
Context
Menu

38. Source & Doc
• https://developer.apple.com/
wwdc19/224
• https://medium.com/better-programming/ios-13-
checklist-for-developers-ef47e413aad2

39. 🏗 UI Improvement

40. SF Symbols

41. SF Symbols
• Bibliothèque de 1500
symboles
• Créer par Apple, utilisé par le
système (cohérence 😍)
• Aligné, 3 tailles, 9 graisses

42. SF Symbols
• macOS App
• Selection de la graisse
• Peut être exporté en svg
(iOS 12 retrocompatibilité 😍)

43. SF Symbols
utilisation
Dans le code ↓
Ou dans Xcode →

44. 📇 Card Table View

45. Moderniser son UI
à pas chère

46. TableView
insetGrouped
Dans le code ↓
Ou dans Xcode →

47. Cell Selections

48. Multi Selection avec 2 doigts !!!

49. Source & Doc
• https://www.swiftjectivec.com/ios-13-
notable-uikit-additions/
• https://www.avanderlee.com/swift/sf-
symbols-guide/

50. Merci 🍻 🍕