본문 바로가기

.NET/C#

가독성 높은 XAML 작성

출처: https://www.codeproject.com/Tips/1212669/Formating-XAML-for-readability


서론과 문제의 근원

VS 디자이너 또는 블렌드를 사용하여 XAML 뷰를 디자인하고 만드는 경우 모든 속성이 단일 행에 작성됩니다.

이 동작은 코드 유지 보수성 및 버전 제어 시스템에 좋지 않습니다. 이러한 XAML을 손쉽게 편집 할 수는 없습니다. 속성에서 손실 될 수 있기 때문입니다.

또한 모든 버전 제어 시스템은 회선 차등 추적을 기반으로합니다. 즉, 속성 변경으로 전체 행이 변경되므로 파일의 두 상태 간 차이점을 쉽게 볼 수 없습니다.

가능한 해결책

늘 그렇듯이이 문제를 극복하는 몇 가지 방법이 있습니다. 첫 번째 방법은 수동으로 수행하는 것입니다. 이상적으로는 각 속성을 한 줄로 분할해야합니다. 이렇게하면 단일 속성이 변경되면 줄 변경으로 반영됩니다. 따라서 검토 및 변경 내용 추적이 쉬워집니다.

문서를 수동으로 서식 지정하는 것은 힘들 수 있으며 시간이 소요되는 추가 개발 작업입니다. 다행히도이 프로세스는 XAML Styler라는 Visual Studio Extension을 사용하여 자동화 할 수 있습니다. 당신은에서 확장 다운로드 할 수 있습니다 //marketplace.visualstud : HTTPS io.com/items?itemName= NicoVermeir.XAMLStyler을 .

다양한 옵션이 제공됩니다. 설치 후 도구 → 옵션 → XAML Styler로 이동하여 옵션을 사용할 수 있습니다. 프로젝트의 wiki 페이지 ( https://github.com/Xavalon/Xam lStyler / wiki / Configuration) 에있는 각 설정에 대한 자세한 설명을 찾을 수 있기 때문에 여기서는 자세히 설명하지 않겠습니다 .

다음 설정을 사용합니다.

  • 속성 들여 쓰기 : 4 - 지정자 태그 뒤의 속성 들여 쓰기입니다. 4 칸 = 1 탭
  • 특성 들여 쓰기 스타일 : 공백 - 기본적으로 VS 코드 편집기는 탭을 공백으로 바꿉니다. 따라서 기본 서식과 일치시키는 것이 좋습니다.
  • 한 줄당 최대 속성 수 : 1
  • 뉴 라인 예외 요소 : <rowdefinition>and <columndefinition>요소를 추가했습니다 내 추천은 여기에 최대 두 개의 매개 변수가있는 요소를 추가하는 것입니다.
  • 특성 재정렬 사용 : true
  • 이름으로 속성 순서 지정 : true
  • 빈 요소의 끝 태그 제거이 태그는 다음과 같은 태그의 형식을 지정 <stackpanel></stackpanel>합니다.<stackpanel/>
  • 저장시 XAML 형식 지정 : False

이것은 개인 개발자 또는 팀 구성원으로서 귀하의 삶을 편하게 할 수있는 매우 강력한 도구입니다. 설정과 함께 자유롭게 연주하십시오.

팀에서이 도구를 사용하는 경우 팀 구성원은 서로 협의하여 설정을 일관성있게 유지하고 추가 문제를 방지해야합니다.