관리 메뉴

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

[iOS - HIG] 52. Refresh Content Controls 본문

HIG(Human Interface Guidelines)/HIG - UI

[iOS - HIG] 52. Refresh Content Controls

jake-kim 2021. 6. 20. 23:38

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/

Comments