My Photo Circle Watch Face — Overview

Watch Face Format(WFF) 기반의 큰 원형 사진 + 디지털 시계 워치페이스입니다. 화면의 약 70%를 차지하는 대형 원형 이미지 컴플리케이션이 주인공이고, 양 옆에 작은 원형 컴플리케이션 2개와 위·아래 디지털 시계가 보조로 배치됩니다. 시계 위치를 위/아래로 전환하면 사진 위치도 그에 맞춰 반전되므로, 피사체(얼굴, 중요 부분)를 시계가 가리지 않도록 레이아웃을 즉시 조정할 수 있습니다.

같은 브랜드의 다른 WFF 사진 워치페이스(Clean/Thin/Cute, 102)와 레이아웃 철학이 다릅니다. 102 시리즈는 배경 전체를 사진으로 채우는 방식이고, 본 앱(104)은 원형 사진과 별도 정보 컴플리케이션을 함께 배치한 정보형·앨범형 레이아웃입니다.

주요 기능

대형 원형 사진 — 화면 약 70%를 차지하는 큰 이미지 컴플리케이션 슬롯
양 옆 소형 컴플리케이션 — 배터리·날씨·걸음수·날짜 등 보조 정보 2개
위·아래 디지털 시계 — 시간과 날짜/요일
스마트 시계 위치 토글 — 시계가 위면 사진이 아래, 시계가 아래면 사진이 위 (피사체 보호)
WFF 기반 저전력 — AoD에서도 효율적

레이아웃

[시계 위]                    [시계 아래]
┌──────────────┐            ┌──────────────┐
│ [ 디지털시계 ]  │            │  ◎ 대형 원형  │
│              │            │    사진       │
│  ◎ 대형 원형   │            │ ◯ ◯ 소형 2개 │
│    사진       │    ↔       │              │
│ ◯ ◯ 소형 2개  │            │ [ 디지털시계 ] │
└──────────────┘            └──────────────┘

시계가 위에 있으면 원형 사진은 아래
시계가 아래에 있으면 원형 사진은 위
양 옆 소형 컴플리케이션 위치도 사진 위치에 맞춰 조정

기술 스택

Watch Face Format (WFF) — Google의 선언적 XML 워치페이스 포맷
코드 없음 — Kotlin/Java 런타임 코드 없이 XML 리소스로만 동작
이미지 컴플리케이션 슬롯 — 대형 원형 1개 + 소형 원형 2개
빌드: Gradle Kotlin DSL
validator 플러그인 — 빌드 시 WFF 스펙 검증 (validateWff)
메모리 푸트프린트 평가: ./gradlew memoryFootprint
디바이스 설치: ./gradlew validateWffAndInstall [--device <deviceid>]
리소스 생성 파이프라인 — Python 스크립트
- generate_expressions.py → expressions.xml
- generate_digital_clocks.py → digital_clocks_with_dates.xml
- generate_bitmap_fonts_per_image.py → bitmap_fonts.xml

빌드 메모

$env:JAVA_HOME = "C:\Program Files\Android\Android Studio1\jbr"

./gradlew assembleDebug                     # 디버그 빌드 (validateWff 자동 실행)
./gradlew validateWff                        # WFF XML 검증만
./gradlew memoryFootprint                    # 메모리 푸트프린트 평가
./gradlew validateWffAndInstall              # 빌드 + 검증 + 설치
./gradlew validateWffAndInstall --device emulator-5554

사진 설정 방식

중앙의 대형 원형 슬롯은 이미지 컴플리케이션을 사용합니다. 일반적으로 Photo 합성 컴플리케이션을 지정해 갤러리 사진을 배치합니다. 사이드의 소형 컴플리케이션은 배터리/걸음수/날씨 등 시스템 제공 컴플리케이션을 선택합니다.

My Photo Circle Watch Face

소개