dw.jang bd99cae98c UI 묶음 A: 도넛차트 정리 — 캐릭터/mL/게이지/카드 (회의 #4 #5 #6 #7)
#4 도넛 안 캐릭터/mL 위치
  - bladdySize: donutSize*0.85 → donutSize*0.85*0.75 (75% 축소)
  - volFontSize: 40sp → 50sp (125%)
  - offset 위로: -0.03 → -0.08 (더 위로)
  - 캐릭터-mL Spacer: 4dp → 0dp (간격 축소)
  → 윗공간 비던 부분 흡수, 그룹이 도넛 가운데 컴팩트 정렬

#5 게이지(stroke arc)가 도넛 외곽선 이탈 → 동일 크기 맞춤
  Compose Canvas의 drawCircle/drawArc는 default로 size 경계에 stroke를
  그리는데 strokeWidth의 절반이 밖으로 튀어나옴.
  → 명시적 inner radius 계산:
     outerR = size.minDimension / 2
     innerR = outerR - strokeWidth / 2
     drawCircle/drawArc 모두 innerR로 그림 → stroke가 size 안에 들어옴.

#6 우측 InfoCard 'Session Max' → MaxRatioCard (% + 측정/capacity)
  새 컴포저블 MaxRatioCard:
    위: "{pct}%" (큰 글씨, urgency 색)
    아래: "{measured} / {capacity} mL"
  예: 47% / 235 / 500 mL

#7 좌측 InfoCard 'Current' → 'Current Measurement'

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-06-09 16:58:39 +09:00
S
Description
No description provided
20 MiB
Languages
Kotlin 97.1%
Python 2.9%