Colin's Blog
[swift] RxCocoa의 주요 기능

RxCocoa는 ReactiveX 프레임워크를 사용하여 Swift 애플리케이션에서 리액티브 프로그래밍을 할 수 있게 해주는 라이브러리입니다. RxCocoa는 UIKit 및 Foundation 프레임워크와 조화롭게 연동되어 UI 이벤트와 데이터의 변화를 효과적으로 다룰 수 있습니다. 이번 글에서는 RxCocoa의 몇 가지 주요 기능에 대해 알아보겠습니다.

1. ControlProperty와 ControlEvent

RxCocoa의 핵심 기능 중 하나는 ControlProperty와 ControlEvent입니다. ControlProperty는 UI 컨트롤의 속성을 나타내는 Observable 속성으로, 일반적으로 UITextField, UISwitch, UILabel 등과 같은 UI 컨트롤의 값을 바인딩 할 때 사용됩니다. ControlEvent는 UI 컨트롤의 이벤트를 나타내는 Observable 속성으로, 일반적으로 UIButton, UISlider, UIBarButtonItem 등의 이벤트를 구독하고 반응할 때 사용됩니다.

let textField = UITextField()

let text = textField.rx.text.orEmpty.asObservable()
    .filter { $0.count > 3 }
    .distinctUntilChanged()
    .debounce(.milliseconds(300), scheduler: MainScheduler.instance)

text.subscribe(onNext: { newText in
    // 신규 텍스트 처리
}).disposed(by: disposeBag)

let button = UIButton()

button.rx.tap
    .subscribe(onNext: {
        // 버튼 탭 이벤트 처리
    }).disposed(by: disposeBag)

2. Driver

RxCocoa에서 Driver는 UI에 연결된 Observables를 나타낼 때 사용됩니다. Driver는 UI 업데이트에서만 사용되며, UI 스레드에서만 작동하므로 메인 스레드에서만 접근 가능합니다. Driver를 사용하면 UI 업데이트 중 중복된 값을 걸러 내어 성능 향상을 이룰 수 있습니다.

let textField = UITextField()

let text: Driver<String> = textField.rx.text.orEmpty
    .asDriver()
    .distinctUntilChanged()

text.drive(onNext: { newText in
    // UI 업데이트 처리
}).disposed(by: disposeBag)

3. DelegateProxy

DelegateProxy는 UIKit의 delegate 패턴을 리액티브하게 구현할 수 있도록 도와주는 역할을 합니다. RxCocoa에서는 다양한 UI 컨트롤에 대한 DelegateProxy를 제공하여 사용자가 커스텀한 동작을 추가할 수 있습니다.

class MyTableViewDelegateProxy:
    DelegateProxy<UITableView, UITableViewDelegate>, UITableViewDelegate, DelegateProxyType {

    init(tableView: UITableView) {
        super.init(parentObject: tableView, delegateProxy: MyTableViewDelegateProxy.self)
    }

    static func registerKnownImplementations() {
        self.register { MyTableViewDelegateProxy(tableView: $0) }
    }
}

extension Reactive where Base: UITableView {

    var myDelegate: DelegateProxy<UITableView, UITableViewDelegate> {
        return MyTableViewDelegateProxy.proxy(for: base)
    }

    var didSelectRow: ControlEvent <(UITableView, IndexPath)> {
        let source = self.myDelegate
            .methodInvoked(#selector(UITableViewDelegate.tableView(_:didSelectRowAt:)))
            .map { parameters in
                return (parameters[0] as! UITableView, parameters[1] as! IndexPath)
            }
        return ControlEvent(events: source)
    }
}

4. UITabBarController와 UINavigationController 확장

RxCocoa는 UITabBarController와 UINavigationController를 위한 확장 메서드도 제공합니다. 이를 사용하면 탭 바나 네비게이션 바의 아이템 선택, 푸시 및 팝 등의 이벤트를 간편하게 처리할 수 있습니다.

extension Reactive where Base: UITabBarController {

    var selectedItem: ControlProperty<UIViewController?> {
        return self.base.rx.controlProperty(
            editingEvents: .allEvents,
            getter: { tabBarController in
                tabBarController.selectedViewController
            },
            setter: { tabBarController, viewController in
                tabBarController.selectedViewController = viewController
            }
        )
    }
}

extension Reactive where Base: UINavigationController {

    var pushViewController: Binder<UIViewController> {
        return Binder(self.base) { navigationController, viewController in
            navigationController.pushViewController(viewController, animated: true)
        }
    }

    var popViewController: Binder<Bool> {
        return Binder(self.base) { navigationController, animated in
            navigationController.popViewController(animated: animated)
        }
    }
}

RxCocoa는 이 외에도 다양한 유용한 기능을 제공하며, 이를 통해 리액티브한 방식으로 UI를 개발할 수 있습니다. RxCocoa의 자세한 사용법과 기능은 공식 문서를 참고하시기 바랍니다.

© 2018 Colin. All rights reserved.