애플와치 Glance 핵심 사항 정리

watchkit_logo

Glance(흘낏 보다)는 당신의 앱에서 중요한 정보를 사용자에게 보여주기 위한 보조적인 방법입니다. 모든 앱이 Glance를 필요로 하지는 않습니다. Glance를 이용하여 적절한 시점에 관련된 정보를 보여줄 수 있습니다. 예를 들어 캘린더 앱의 Glance는 사용자의 다음 미팅 정보를 보여줄 수 있습니다. 항공사 앱이라면 곧 다가올 비행의 공항 게이트 정보를 보여줄 수 있습니다. 다음 그림은 사용자의 To-do 리스트중에 처리한 일과 남은 일의 갯수를 보여주는 예시 화면입니다.

applewatch_glance_essential_01

Glance는 WatchKit 앱과 WatchKit 익스텐션의 일환으로 제공됩니다. 당신의 Glance 인터페이스에는 WatchKit 앱의 스토리보드 파일에 포함되며 이 인터페이스는 커스텀 WKInterfaceController에 의해 관리됩니다. 하지만 Glance 인터페이스 컨트롤러에서 구현할 수 있는 유일한 작업은 Glance를 위한 컨텐츠를 보여주는것 뿐입니다. Glance는 유저의 상호작용(Interactivity)을 구현할 수 없습니다. Glance 화면을 탭할 경우 자동으로 WatchKit 앱을 실행하게 됩니다.

Glance 생명 주기

Glance 인터페이스 컨트롤러의 생명 주기는 사용자에게 빨리 보여주기 위해 좀 더 일찍 초기화 된다는 점을 제외하면 다른 인터페이스 컨트롤러와 동일합니다. Glance가 초기화 되고 사용자에게 보여지기 까지 적지 않은 시간이 소요될 수 있기 때문에 willActivate 메소드에서 보여줄 정보가 업데이트 될 수 있도록 해야 합니다. 인터페이스 컨트롤러의 생명 주기에 대해 더 알아보고 싶을 경우 WatchKit Extension Life Cycle을 확인하십시오.

Glance 인터페이스 가이드라인

XCode는 앱의 컨텐츠를 정렬하는 방법으로 고정된 레이아웃을 제공합니다. 당신의 컨텐츠를 보여주기 위한 적절한 레이아웃을 선택한 다음에는 다음의 가이드라인을 확인하시기 바랍니다.

  • 정보를 신속하게 전달 할 수 있도록 당신의 Glance를 디자인 하십시오. 많은 텍스트를 보여주려 하지 마십시오. 적절한 디자인, 색상, 애니메이션을 사용하여 정보를 제공하십시오.
  • 가장 중요한 정보에 집중하십시오. Glance는 당신의 WatchKit 앱을 대체하는 역할을 하지 않습니다. iOS의 정제된 버전이 WatchKit 앱이라면 Glance는 WatchKit 앱의 정제된 버전입니다.
  • Glance 인터페이스에 상호작용하는 컨트롤을 포함하지 마십시오. 버튼, 스위치, 슬라이더, 메뉴와 같은 상호작용하는 컨트롤들은 사용할 수 없습니다.
  • 당신의 Glance 인터페이스에 테이블이나 지도를 사용하지 마십시오. 이들은 기능적으로 금지되지는 않지만 공간 제약상 테이블과 지도는 효율적으로 정보를 제공하기 어렵습니다.
  • 시점에 적절한 정보를 보여주십시오. 사용자에게 중요한 시간과 위치 정보를 포함하여 모든 사용가능한 리소스를 사용하십시오. 당신의 인터페이스 컨트롤러가 초기화 되고 사용자에게 보여지기 까지 발생하는 변화를 감안하여 Glance 에 보여질 정보를 업데이트 하는것을 잊지 마십시오.
  • 모든 텍스트에 시스템 폰트를 사용하십시오. 당신의 Glance에 커스텀 폰트를 사용하기 위해서는 반드시 커스텀 폰트를 이미지로 렌더링 한 후에 이미지를 보여주십시오.

하나의 앱은 하나의 Glance 인터페이스 컨트롤러만을 가질 수 있기 때문에 이 컨트롤러에서 당신이 보여주고자 하는 정보를 반드시 보여주어야 합니다.

Glance 인터페이스 관리

당신의 XCode 프로젝트에 WatchKit 앱 타겟을 주가할 때 Glance 인터페이스를 원하는지 여부를 선택할 수 있습니다. 프로젝트 초기화 시점에 이것을 잊고 있었다면 나중에도 추가할 수 있습니다. Glance 인터페이스 컨트롤러는 앱의 스토리보드와는 조금 다른 형태를 띄고 있습니다. Glance의 인터페이스 컨트롤러는 Glance 시작 지점에 붙어있고 자체적으로 기본 레이아웃을 가지고 있습니다.

applewatch_glance_essential_02

구동 시점에 당신의 Glance의 컨텐츠를 설정하기 위해서는 WKInterfaceController를 상속한 커스텀 클래스를 사용해야 합니다. 당신의 WatchKit 앱을 구현하는 것과 동일한 방법으로 상속을 받아 구현하시면 됩니다.

앱에 Glance 인터페이스를 추가하기

WatchKit 앱 타겟을 생성할 때 Glance 인터페이스를 구현을 위한 파일들을 생성할지 묻는 “Include Glance Scene” 옵션을 선택할 수 있습니다. 선택할 경우 XCode는 Glance 스토리보드 씬과 커스텀 Glance 인터페이스 컨트롤러 클래스를 제공합니다. 만약 타겟을 추가할 때 이 옵션을 선택하지 못하였다면 다음과 같은 방법으로 수동으로 추가할 수 있습니다.

  1. 당신의 프로젝트에서 WKInterfaceController 를 상속한 클래스를 생성합니다. 새로운 소스 파일을 추가하고 WatchKit 익스텐션 타겟에 추가합니다. GlanceInterfaceController과 같이 적절한 이름으로 만들어 줍시다.
  2. 당신의 스토리보드 파일에서 Glance 인터페이스 컨트롤러를 드래그하여 추가해 줍니다. 이 씬은 위에서 봤었던 스크린샷처럼 Glance 시작 지점 화살표가 붙어있게 됩니다.
  3. 방금 추가한 Glance 인터페이스 컨트롤러를 선택하고 “Identity Inspector”를 선택합니다.
  4. 위에서 생성한 Glance 인터페이스 컨트롤러 클래스를 설정해 줍니다.

WatchKit 앱은 단 하나의 Glance 인터페이스만을 가질 수 있습니다. 당신 앱의 스토리보드에 두개 이상의 Glance 인터페이스 컨트롤러를 추가하지 않도록 주의하십시오.

Glance 인터페이스 컨트롤러를 구현하고 업데이트 하기

Glance 인터페이스 컨트롤러의 구현은 라벨과 이미지들로 이루어진 컨텐츠들의 세팅이기 때문에 상대적으로 간단합니다.

  • init 과 awakeWithContext: 메소드들을 사용하여 Glance 인터페이스를 초기화 하고 라벨과 이미지들의 초기값을 설정하십시오.
  • willActivate 메소드에서 Glance 인터페이스가 화면에 보여지기 전에 표시되어야 하는 정보를 업데이트 하십시오.

Glance가 화면에 보여지고 난 뒤에 컨텐츠를 업데이트 하기 위해서는 NSTimer 객체를 이용하여 주기적으로 업데이트를 할 수 있습니다. 당신은 스스로 업데이트하는 WKInterfaceDate 와 WKInterfaceTimer 객체를 사용하여 업데이트를 할 필요가 없습니다.

Glance로부터의 앱 구동을 커스터마이징하기

사용자가 Glance 화면을 탭하면 애플 와치는 이 Glance에 대응하는 WatchKit 앱을 구동합니다. 일반적으로 메인 인터페이스 컨트롤러가 구동됩니다. Glance로 부터 앱이 구동될 때 해야 할일을 커스터마이징 하기위해서는 다음을 따르기 바랍니다.

  • Glance 인터페이스 컨트롤러에서
    • Glance의 init과 willActivate 메소드들을 일반적인 방법으로 구현합니다.
    • 원하는 시점에 당신의 앱이 필요로하는 부가적인 정보를 userInfo에 담아 updateUserActivity:userInfo:webpageURL: 메소드를 호출합니다. 구동 시점에 여기서 넘겨받은 데이터를 토대로 다른 인터페이스 컨트롤러를 보여줄 수 있습니다.
  • 앱의 메인 인터페이스 컨트롤러에서
    • handleUserActivity: 메소드를 구현하십시오. userInfo Dictionary를 이용하여 적절한 UI를 설정할 수 있습니다.

updateUserActivity:userInfo:webpageURL: 메소드를 호출하면 WatchKit은 메인 인터페이스 컨트롤러의 handleUserActivity: 메소드를 구동시점에 호출하게 됩니다. 이 handleUserActivity: 메소드의 구현부에서 적절한 UI를 선택할 수 있습니다. 예를 들어 페이지 기반 앱의 경우 가장 처음에 보여줄 페이지가 몇페이지인지를 선택하게 할 수 있습니다.

참고 : Glance EssentialsManaging Your Glance Interface