텍스트 크기에 따라 UI 만들기

※ 여기.에 적힌 일만 합니다.
두 Text 구성 요소를 사용하여 서로 다른 글꼴 크기의 분모 분자의 값을 표시합니다.

분모가 이 상태에서 99가 되면...

위에서 말한 바와 같이 공간이 생겨서 보기 싫기 때문에 분모 부분의 표시에 따라 분자의 좌표를 조정한다.
여러 가지 조정 방법이 있지만 UGUI 기능을 사용합니다.

분모의 Text 객체에 ConntentSize Fitter를 추가하고 매개변수를 PreferredSize로 설정합니다.

분자 대상은 분모 대상의 자이다.

분자 객체의 앵커를 왼쪽에 고정합니다. 즉, 좌표는 부모 객체의 왼쪽 가장자리에 따라 달라집니다.

1.

2.

3.

위에서 분모의 위치를 바꾸면 분자는 그에 상응하여 이동한다.
※ 실제로 예쁘게 보이려면 pibot과 좌표를 미세하게 조정해야 하며, 여기서 생략합니다.