Add dark mode to your apps. #potatotips / add dark mode to your apps

potatotips #61にて発表したきたものです。
# Typeにダークモードを追加したのでその考え方と方法、ライブラリとして書き出した( https://github.com/fromkk/ColorSet )の宣伝です。

Transcript

1. "EE
   EBSL
   NPEF
   UP
   ZPVS
   BQQT QPUBUPUJQT
   
   ,B[VZB
   6FPLB
   !GSPNLL
2. 1SPpMF struct Profile { let name = "Kazuya Ueoka" let twitter = "@fromkk" let github = "fromkk" let qiita = "fromkk" let company = "Timers Inc." } • 2
3. %BSL
   NPEF ❓
4. %BSL
   NPEF
5. *
   BEEFE
   EBSL
   NPEF
   GFBUVSF
   UP
   # Type
6. )PX
   UP
   JNQMFNFOU
7. *G
   ZPV
   BSF
   VTJOH
   3Y4XJGU
   ZPV
   DBO
   JNQMFNFOU
   FBTJMZ import UIKit import RxSwift import RxCocoa struct ColorSet { static var backgroundColor = BehaviorRelay<UIColor>(value: defaultBackgroundColor) static var theme = BehaviorRelay<UIColor>(value: defaultThemeColor) } // Bind background color ColorSet.backgroundColor.bind(to: view.rx.backgroundColor).disposed(by: disposeBag)
 
 // Change background color ColorSet.backgroundColor.accept(backgroundColorDark)
8. #VU
9. # Type isn’t using RxSwift
10. *
    USJFE
    JNQMFNFOU
    XJUI
    1VSF
    4XJGU
11. TU
    $SFBUF
    PCTFSWBUJPO import Foundation public class ColorObservation: Equatable { private let observation: NSObjectProtocol weak var notificationCenter: NotificationCenter? init(_ observation: NSObjectProtocol, notificationCenter: NotificationCenter) { self.observation = observation self.notificationCenter = notificationCenter } public func unregister() { notificationCenter?.removeObserver(observation) } public func append(to observationBag: ColorObservationBag) { observationBag.add(self) } public static func == (lhs: ColorObservation, rhs: ColorObservation) -> Bool { return lhs.observation.isEqual(rhs.observation) && (lhs.notificationCenter?.isEqual(rhs.notificationCenter) ?? false) } }
12. OE
    4UPSF
    PCTFSWBUJPOT
    UP
    CBH import Foundation public class ColorObservationBag { var observations: [ColorObservation] = [] public init() {} deinit { observations.forEach { observation in observation.unregister() } observations = [] } public func add(_ observation: ColorObservation) { observations.append(observation) } public func remove(_ observation: ColorObservation) { guard let index = observations.firstIndex(of: observation) else { return } observation.unregister() observations.remove(at: index) } }
13. SE
    $SFBUF
    0CTFSWBCMF public class ColorObservable { let didChange: Notification.Name = .init("me.fromkk.ColorSet.didChange") let notificationCenter: NotificationCenter = .init() public private(set) var value: UIColor { didSet { notificationCenter.post(name: didChange, object: value) } } public init(_ value: UIColor) { self.value = value } /// Change color /// /// - Parameter value: Color public func accept(_ value: UIColor) { self.value = value } }
14. UI
    *NQMFNFOUT
    TVCTDSJCF
    BOE
    CJOE extension ColorObservable { public func subscribe(_ callback: @escaping (UIColor) -> Void) -> ColorObservation { callback(value) return ColorObservation( notificationCenter.addObserver(forName: didChange, object: nil, queue: .main, using: { notification in guard let value = notification.object as? UIColor else { return } callback(value) }), notificationCenter: notificationCenter ) } public func bind<O: AnyObject>(to object: O, keyPath: ReferenceWritableKeyPath<O, UIColor>) -> ColorObservation { return subscribe { [weak object] value in object?[keyPath: keyPath] = value } } public func bind<O: AnyObject>(to object: O, keyPath: ReferenceWritableKeyPath<O, UIColor?>) -> ColorObservation { return subscribe { [weak object] value in object?[keyPath: keyPath] = value } } }
15. 'JOJTI
16. )PX
    UP
    VTF
17. )PX
    UP
    VTF %FpOF
    ZPVS
    DPMPS
    TFU
18. )PX
    UP
    VTF #JOE
    DPMPS
    UP
    ZPVS
    QSPQFSUZ class ViewController: UIViewController { @IBOutlet var label: UILabel! @IBOutlet var darkmodeSwitch: UISwitch! let observationBag = ColorObservationBag() override func viewDidLoad() { super.viewDidLoad() MyColorSet.backgroundColor.bind(to: view, keyPath: \.backgroundColor).append(to: observationBag) MyColorSet.textColor.bind(to: label, keyPath: \.textColor).append(to: observationBag) MyColorSet.textColor.subscribe { [weak self] color in self?.label.layer.borderColor = color.cgColor }.append(to: observationBag) } @IBAction func darkmodeSwitchDidChanged(_ sender: UISwitch) { if sender.isOn { MyColorSet.replace(DarkColorSet.self) } else { MyColorSet.replace(DefaultColorSet.self) } } }
19. *
    NBEF
    $PMPS4FU
    BT
    044
    MJCSBSZ IUUQTHJUIVCDPNGSPNLL$PMPS4FU (JNF
    NF
    B
    TUBS⭐
20. 8SBQ
    VQ w *
    EFWFMPQFE
    TNBMM
    MJCSBSZ
    PG
    TQFDJBMJ[FE
    DPMPS
    CJOEJOH
    w -FU`T
    HFU
    SFBEZ
    UP
    P⒏DJBM
    EBSL
    NPEF(
22. • αʔόʔαΠυΤϯδχΞ (PHP, Golang, AWS) • AndroidΤϯδχΞ (Kotlin) • iOSΤϯδχΞ (Swift) TimersͰ͸ݱࡏΤϯδχΞશ৬छ࠾༻தʂ
 ৄ͘͠͸”Timers”Ͱݕࡧ
23. 5IBOL
    ZPV)