[iOS - HIG] 52. Refresh Content Controls

Refresh Content Controls

• ScrollView에 추가하여 사용하는 형태
• 보통 ScrollView를 상속받은 TableView에서 loading시 사용

• Refresh Content Control vs Activity Indicators
  • 둘다 로딩을 암시하는 control이지만, refresh는 scrollView에 위치

Activity Indicators

• Activity Indicator의 코드

lazy var activityIndicator: UIActivityIndicatorView = {
    let activityIndicator = UIActivityIndicatorView(frame: .init(x: 0, y: 0, width: 200, height: 200))
    activityIndicator.backgroundColor = .white
    return activityIndicator
}()

...

view.addSubview(activityIndicator)
activityIndicator.startAnimating()

• refresh content control 코드

lazy var refreshControl: UIRefreshControl = {
    let refreshControl = UIRefreshControl()
    refreshControl.attributedTitle = NSAttributedString(string: "새로고침")
    return refreshControl
}()

tableView.refreshControl = refreshControl
refreshControl.beginRefreshing()

Refresh Content Control 가이드

• 정기적으로 업데이트하여 데이터를 최신 상태로 유지: 사용자들은 새로 고침 트리거를 할 수 있다는것을 선호하지만 그것보다 더욱 좋은것은 주기적으로 자동 새로 고침이 수행되도록 기대
• Refresh Content Control은 제목을 포함시킬 수 있기 때문에 가치를 나타낼 수 있는 경우에만 짧은 제목을 사용
  • ex) 팟 캐스트의 Refresh Content Control은 제목을 사용하여 사용자들에게 마지막 업데이트가 발생한 시기를 표출

* 참고

https://developer.apple.com/design/human-interface-guidelines/ios/controls/refresh-content-controls/