TextBlock의 폰트 사이즈 유동적 조절방법

다이어그램 관련 프로젝트를 진행 중 노드(원, Circle) 개체의 텍스트 사이즈가 11로 고정되어 있는데 텍스트 길이가 3글자로 넘어가면 두줄로 변하므로 유동적으로 폰트 사이즈를 조절가능하지 문의를 받았다.

폰트 사이즈 11 설정하였다.

 

폰트 사이즈 고정으로 텍스트가 두줄로 변한다.

먼저 생각했던 아이디어는 IValueConverter를 이용하여 parameter값에 특정길이 값을 넣고 벗어나면 Trigger를 통해서 폰트사이즈를 줄이는 방식을 생각을 했었는데 두가지 문제가 있었다.

첫 번째로, 텍스트 길이가 3글자 뿐만 아니라 10글자일 경우 일일히 Trigger를 이용해서 조건을 걸어야 하는 문제.

두 번째로, 사실 이게 가장 큰 문제였는데 위의 아이디어를 적용했더니 변하지가 않았다....;;;(이유 아시는 분??)

그래서 다른 방안을 확인하였고 TextBlock위에 Viewbox를 넣으면 된다는 내용을 보게되었다.(아.. TextBlock도 되는구나...)

Viewbox 안에 TextBlock를 넣는다.

텍스트 사이즈가 유동적을 변한다.

정말 간단하게 해결할 수 있었다.

참고

GitHub 소스