김종권의 iOS 앱 개발 알아가기

하단 로딩 구현 아이디어1단계) Pagination: tableView의 willDisplay 델리게이트에서 마지막 인덱스 값인지 체크하고, 마지막 인덱스 값이면 페이지네이션 구현2단계) 하단로딩: willDisplay에서 페이지네이션이 되기 전에 tableView의 footerView에 indicator가 있는 UITableViewHeaderFooterView를 대입해주고, 데이터가 들어오면 다시 footerView.tableFooterView를 nil로 초기화하단 로딩 구현pagination 형태 구현class ViewController: UIViewController { private let tableView: UITableView = { let view = UITableView(..

cf) UIWindow에 로딩화면을 추가하여, 일부가 아닌 화면 전체에 interaction을 막는 LoadingView 구현 방법은 이전 포스팅 글 참고 UIActivityIndicatorView 아이폰의 기본 로딩 UI가 있는 뷰 UIActivityIndicatorView(style: .medium) 메소드를 통해 로딩상태와 로딩상태가 아닌 UI로 쉽게 변경이 가능 activityIndicatorView.startAnimating() activityIndicatorView.stopAnimating() style에는 대표적으로 medium과 large가 존재 로딩 뷰 구현 아이템을 로드할땐 로딩 뷰가 보이도록하고 로드가 완료되었을땐 로딩 뷰가 안보이도록 설정 사용하는쪽에서는 단순히 isLoading프로..

UIProgressView Loading이 얼마나 지속되는지 알 수 있는 경우 UIProgressView를 사용 Loading이 얼마나 지속될지 알 수 없는 경우는 Spinner (UIActivityIndicatorView) 사용 UIProgressView 구현 방법 핵심 progressView.progress = 0.1: progress의 위치 (0 ~ 1) progressView.setProgress(_:animated:): progress의 위치 + 애니메이션 적용 (0 ~ 1) UIProgressView 초기화 lazy var progressView: UIProgressView = { let view = UIProgressView() /// progress 배경 색상 view.trackTintCo..

UIActivityIndicatorView를 상속받아서 구현 로딩중이면 다른 화면의 UI가 눌려지지 않도록 구현 중앙에 표출 구현 사용 시 매번 객체생성이 필요 없으므로 static으로 사용할 수 있게끔 선언 class LoadingIndicator { static func showLoading() { DispatchQueue.main.async { // ... } } static func hideLoading() { DispatchQueue.main.async { // ... } } } showLoading 구현 최상단에 있는 window 객체 획득 window의 subviews들 중 마지막에 있는 화면이 UIActivityIndicatorView면 그대로 사용하고, 아닐 경우 객체를 새로 생성 UIA..

* 한 프로젝트에 프레임워크를 추가하여 구분하기: ios-development.tistory.com/217 Toast View UIView를 interface builder로 초기화 할 때 사용될 함수를 common extension에 정의 // CommonExtension/Common/UIView public extension UIView { func xibSetup() { guard let view = loadViewFromNib(nib: type(of: self).className) else { return } view.translatesAutoresizingMaskIntoConstraints = false view.frame = bounds addSubview(view) view.fillToSup..

해당 프레임 워크가 좋은 이유 비동기 처리할 때 다른 로딩 뷰에 비해서 오류 x 로딩 뷰가 등장하면 뒤에있던 뷰들을 클릭하지 못함(안전상태) 자동으로 중앙에 배치 의존성 pod 'JGProgressHUD' BaseViewController생성하여 여기에 로딩관련 로직 추가 ( 재사용성을 위함 ) // // BaseViewController.swift // Test // // Created by 김종권 on 2020/11/26. // import Foundation import UIKit import JGProgressHUD class BaseViewController: UIViewController { lazy var hud: JGProgressHUD = { let loader = JGProgressHU..

의존성 pod 'MaterialComponents/ActivityIndicator' 버튼 커스텀 위 loading기능을 쓰려는 버튼들은 아래의 BaseButton을 상속받아서 사용 // // BaseButton.swift // Test // // Created by 김종권 on 2020/11/26. // import Foundation import MaterialComponents.MaterialActivityIndicator class BaseButton: UIButton { var activityIndicator: MDCActivityIndicator? var originalText: String? override init(frame: CGRect) { super.init(frame: frame) s..