[UIReport] 공포 탐욕 지수 극단적 공포 상태일 때 라벨 짤림 문제

[kanghun1121]

어떤 버그 인가요?

• 공포 탐욕 지수 극단적 공포 상태일 때 UI 짤림 문제 발생

실제값

텍스트와 패딩이 일치하지 않음

[jihyeonjjang]

이슈

공포 탐욕 지수의 하단 텍스트가 "극단적 공포/탐욕"인 경우 Circle()의 하단 빈 영역을 넘어가는 문제

해결 방법

• Circle()의 하단 빈 영역에 텍스트를 배치할 때, 텍스트의 최대 폭(maxWidth)을 계산하여 원 영역을 침범하지 않도록 제한

---

1. Circle() 정보

항목	값
원 지름 (Circle().frame)	90
원 반지름 r	45
Stroke(lineWidth)	13
원을 그리는 영역(trim(from:to:))	0.0 ~ 0.75
원 회전(rotationEffect)	135°
원형 하단 빈 영역 각도	90°

2. 그림

3. 계산

1. 하단 90° 영역은 직각이등변삼각형이 됨

   • 두 변 길이 (원의 Stroke 고려)
     • r_inner = r - (lineWidth / 2) = 45 - (13 / 2) = 38.5
   • 최대 텍스트 폭
     • maxTextWidth = sqrt(2) * r_inner ≈ 1.414 * 38.5 ≈ 54.44

2. 원 지름 대비 퍼센트:

   • maxWidthPercent = maxTextWidth / 전체 지름 = 54.44 / 90 ≈ 0.6

• 따라서 텍스트 최대 폭을 **전체 원 지름의 약 60.5%**로 제한하면, Stroke와 원 영역을 침범하지 않고 안전하게 배치 가능

3. SwiftUI 적용 코드

Text("")
  .padding(.top, size.height * 0.01)
  .frame(maxWidth: size.width * 0.6)
  .multilineTextAlignment(.center)

• maxWidth를 0.605 적용
• multilineTextAlignment(.center)와 minimumScaleFactor(0.5)를 사용하여 글자가 원 영역을 침범하지 않으면서 줄바꿈과 축소 가능