Александр рассказал про использование паттерна MVVM в языке Swift. Были рассмотрены его отличия от MVC, что можно использовать уникального из Swift. И напоследок было продемонстрировано небольшое демо.

1. Зимин Александр
iOS Developer
Product Designer

3. • Про работу с базовыми инструментами
(UICollectionView, Swift и прочие) - 26%
• Про подходы к разработке крупных проектов (MVVM,
CI и прочие) - 37%

4. MVVM в Swift

5. План
MVVM Swift

6. План
Swift не Objective-C
POP
Component-based

7. План
MVVM Swift Демонстрация

8. План
MVVM Swift Демонстрация

9. MVC
Controller
ViewModel

10. MVC
Controller
Model
View

11. MVVM
Controller
View
ModelModel
Controller
View
View
Model
Model

12. MVC
struct Person {
var firstName: String
var secondName: String
}s

13. MVC
struct Person {
var firstName: String
var secondName: String
}s
class ViewController: UIViewController {
var person: Person!
@IBOutlet var nameLabel: UILabel!
}s

14. MVC
struct Person {
var firstName: String
var secondName: String
}s
class ViewController: UIViewController {
var person: Person!
@IBOutlet var nameLabel: UILabel!
override func viewDidLoad() {
super.viewDidLoad()
nameLabel.text = "(person.firstName) (person.secondName)"
}
}s

15. MVVM
struct Person {
var firstName: String
var secondName: String
}s
struct PersonModel {
var person: Person
var name: String {
return "(person.firstName) (person.secondName)"
}
}
class ViewController: UIViewController {
var person: Person!
@IBOutlet var nameLabel: UILabel!
override func viewDidLoad() {
super.viewDidLoad()
nameLabel.text = "(person.firstName) (person.secondName)"
}
}s

16. MVVM
struct Person {
var firstName: String
var secondName: String
}s
struct PersonModel {
var person: Person
var name: String {
return "(person.firstName) (person.secondName)"
}
}
class ViewController: UIViewController {
var personModel: PersonModel!
@IBOutlet var nameLabel: UILabel!
override func viewDidLoad() {
super.viewDidLoad()
nameLabel.text = personModel.name
}
}s

17. MVVM
Схема
ViewModel Model
Уведомляет
Обновляет

18. MVVM
Схема
ViewModel Model
Уведомляет
Обновляет
ControllerViewView
Уведомляет
Воздействует

19. MVVM
Схема
ViewModel Model
Уведомляет
Обновляет
ControllerViewView
Уведомляет
Воздействует
• Обновляет:
• gameSession.attempts += 1
• Воздействует:
• gameSessionEntity.loseAction()

20. MVVM
Уведомляет
• KVO:
• Плохо (никаких enum или struct)
• Functional reactive programming:
• ReactiveCocoa
• RxSwift

21. MVVM
Уведомляет
• KVO
• Плохо (никаких enum или struct)
• Functional reactive programming:
• ReactiveCocoa
• RxSwift
http://stackoverflow.com/questions/32542846/reactivecocoa-vs-rxswift-pros-and-cons
https://www.raywenderlich.com/126522/reactivecocoa-vs-rxswift

22. MVVM
RxSwift
var name = Variable("Value")

23. MVVM
RxSwift
var name = Variable("Value")
let subscribe = name.asObservable().subscribeNext { (value) in
print(value)
}s

24. MVVM
RxSwift
var name = Variable("Value")
let subscribe = name.asObservable().subscribeNext { (value) in
print(value)
}s
name.value = "New Value"
subscribe.dispose()
name.value = "Another Value"
Value
New Value

25. MVVM
RxSwift

26. MVVM
Плюсы
• Более компактная логика
• Гибкость тестирования
• Правильное переиспользование

27. MVVM
Минусы
• Более затратно по ресурсам
• Встречаются абсурдные ситуации

28. MVVM
Минусы
Ash Furrow

29. План
MVVM Swift Демонстрация

30. Swift
Не Objective-C
• Вы что-то делаете не так если:
• Наследуете NSObject
• Частое используете class
• Слово protocol и Delegate всегда на одной строчке
• Последний раз видели T в C#

31. Swift
Не Objective-C
• Сложности:
• Другой подход
• Кажется неправильным

32. Swift
Не Objective-C
A
B

33. Swift
Не Objective-C
A
B

34. Swift
Не Objective-C
• В какую сторону смотреть
• POP (Protocol-Oriented Programming)
• Protocols, Value Type
• Functional reactive programming
• Generic
• State machine
• Enums

35. Swift
POP
https://www.youtube.com/watch?v=71AS4rMrAVk

36. Swift
POP в Swift
• В начале любой иерархии протокол
• Приоритетное использование Value Type (struct,
enum)

37. protocol ColletionItem {
var id: String { get }
var name: String { get }
}s
Swift
POP в Swift

38. protocol ColletionItem {
var id: String { get }
var name: String { get }
}s
struct SongItem: ColletionItem {
let id: String
private(set) var name: String
// ...
init(id: String, name: String) {
self.id = id
self.name = name
}
}
Swift
POP в Swift

39. protocol ColletionItem {
var id: String { get }
var name: String { get }
}s
extension ColletionItem {
var title: String {
if name.characters.count > 0 {
return name
}
return "Uncnown"
}
}
Swift
POP в Swift

40. Swift
Inheritance-Based Design
https://developer.apple.com/library/ios/documentation/General/Conceptual/GameplayKit_Guide/EntityComponent.html

41. Swift
Inheritance-Based Design
https://developer.apple.com/library/ios/documentation/General/Conceptual/GameplayKit_Guide/EntityComponent.html

42. Swift
Component-Based Design
https://developer.apple.com/library/ios/documentation/General/Conceptual/GameplayKit_Guide/EntityComponent.html

43. protocol TextFormatType {
var textFont: UIFont { get }
var textColor: UIColor { get }
}s
Swift
Component-Based Design

44. protocol TextFormatType {
var textFont: UIFont { get }
var textColor: UIColor { get }
}s
extension TextFormatType {
var textFont: UIFont {
return .systemFontOfSize(12)
}
var textColor: UIColor {
return .blackColor()
}
}
Swift
Component-Based Design

45. protocol ViewFormatType {
var backgroundColor: UIColor { get }
var cornerRadius: CGFloat { get }
}s
Swift
Component-Based Design

46. protocol ViewFormatType {
var backgroundColor: UIColor { get }
var cornerRadius: CGFloat { get }
}s
extension ViewFormatType {
var backgroundColor: UIColor {
return .whiteColor()
}
var cornerRadius: CGFloat {
return 0
}
}
Swift
Component-Based Design

47. struct TitleLabelAppearanceModel: ViewFormatType, TextFormatType {
var textFont: UIFont {
return .boldSystemFontOfSize(16)
}
}
Swift
Component-Based Design

48. protocol TitleLabelAppearanceType: ViewFormatType, TextFormatType { }
extension TitleLabelAppearanceType {
var textFont: UIFont {
return .boldSystemFontOfSize(16)
}
}
Swift
Component-Based Design

49. План
MVVM Swift Демонстрация

50. Демонстрация

51. • https://medium.com/ios-os-x-development/ios-architecture-
patterns-ecba4c38de52 - Паттерны в iOS
• http://artsy.github.io/blog/2015/09/24/mvvm-in-swift/ -
Проблемы MVVM в Swift
• https://www.captechconsulting.com/blogs/ios-9-tutorial-
series-protocol-oriented-programming-with-uikit - Хороший
пример использования POP
• https://github.com/ReactKit/SwiftState - Машина состояний
в Swift
Полезные ссылки

52. Зимин Александр
azimin@me.com
@ZiminAlex

53. Зимин Александр
azimin@me.com
@ZiminAlex
Спасибо за внимание