Sensor Alignment: PNG illust + top-bar title + 화살표 refresh blink (feature-parity)

Browse Source

자산:
  - drawable-xxhdpi/body_silhouette.png 신규 (finalstomachillust.png, 2240×1888 ≈ 7:6)
    feature/tab-navigation 의 일러스트와 동일 — bezier 토르소를 PNG로 교체

UI:
  - Top bar: Box overlay 구조로 ← + "Sensor Alignment" 화면 절대 가운데 (26sp ExtraBold)
  - 본문 큰 타이틀(36sp) 제거 — top bar 와 중복
  - Body 영역: bezier silhouette → Image(painter=body_silhouette) + 얇은 Canvas overlay
    Canvas 는 oval(방광) + sensor PNG + 방향 화살표만 담당
  - 비율 .aspectRatio(2240f / 1888f) 고정 → 화면비 무관 portrait 유지

화살표 refresh blink (사용자 요청):
  - scanCount % 2 토글 → animateFloatAsState(1f ↔ 0.35f, tween 180ms)
  - 매 cycle 마다 화살표 alpha 가 깜빡임 → "업데이트 됐는지" 시각화
  - 색감 #FF5722 → #E64A19 (deep orange 700, 일러스트 톤 매칭)
  - StrokeCap.Round + 굵기 9→10 (가독성)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

...

This commit is contained in:

jjangddu

2026-06-15 14:04:45 +09:00

parent e125e2dd64

commit a6b973b284

2 changed files with 83 additions and 123 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

app/src/main/res/drawable-xxhdpi/body_silhouette.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 3.6 MiB