최대 1 분 소요

😢상황

  • TextBlock에 긴 텍스트를 출력했을 때, 텍스트가 잘리거나 레이아웃이 깨짐
  • 텍스트가 넘칠 경우 자동으로 ... 말줄임표로 보이게 하고 싶음

🛠️해결법

말줄임표(…) 설정 방법

<TextBlock Text="이것은 굉장히 긴 텍스트입니다. 줄임처리가 필요합니다."
           Width="200"
           TextTrimming="CharacterEllipsis"
           TextWrapping="NoWrap" />

필수 속성 설명

속성 설명
TextTrimming="CharacterEllipsis" 글자가 잘릴 때 ... 으로 표시
TextWrapping="NoWrap" 텍스트가 줄바꿈 없이 한 줄 유지
Width 또는 MaxWidth 말줄임 처리를 하려면 가로 제한이 반드시 필요함

예시 결과

<TextBlock Text="이 텍스트는 길어서 잘릴 것입니다."
           Width="150"
           TextTrimming="CharacterEllipsis"
           TextWrapping="NoWrap" />

📌 출력 결과 → "이 텍스트는 길어서 잘... " 형태


정리: 왜 이게 효과 있었는가?

  • TextBlock은 기본적으로 모든 텍스트를 출력하려고 시도
  • TextTrimmingTextWrapping을 적절히 조합하면, 텍스트가 넘칠 때 깔끔하게 줄임표(…)로 표현 가능
  • UI 안정성과 가독성을 높이는 효과