내용으로 건너뛰기
Windows 8 응용 프로그램에서 Segoe UI Symbol 글꼴을 사용하여 쉽게 사용할 수 있는 아이콘

Windows 8 응용 프로그램에서 Segoe UI Symbol 글꼴을 사용하여 쉽게 사용할 수 있는 아이콘

"Windows Modern Style UI 애플리케이션"(참고: Metro)을 만들 때 만드는 데 있어 한 가지 어려운 점은 일관된 모양을 유지하는 데 도움이 되는 멋진 아이콘을 찾는 것일 수 있습니다.

2min read

잘 알려지지 않은 한 가지 트릭은 Microsoft가 이미 응용 프로그램에서 사용할 수 있는 아이콘 모음을 만들었다는 것입니다. "Segoe UI Symbol" 글꼴을 사용하고 아이콘의 문자 코드를 알고 있기만 하면 됩니다.
아이콘 글꼴을 사용하는 또 다른 이점은 아이콘이 벡터 기반이며 선명하게 확장된다는 것입니다.

사용 가능한 아이콘을 찾아보려면 캐릭터 맵을 엽니다(시작 화면에서 검색). 글꼴을 Segoe UI Symbol로 변경 한 다음 맨 아래로 스크롤하여 정말 좋은 글꼴을 찾으십시오.
원하는 캐릭터의 hex 값(아래 샘플 이미지의 E0EB)을 기록해 둡니다.

영상

Windows 8 애플리케이션 내에서 FontFamily를 "Segoe UI Symbol"로 설정합니다. 그런 다음 XAML에 문자의 hex 값을 1111 형식으로 입력하여 사용하고 있음을 알립니다.  앰퍼샌드는 문자열을 이스케이프하고, #x는 이를 hex 값으로 정의하고, 세미콜론은 문자 이스케이프를 닫습니다.

따라서 비행기 아이콘은 XAML에서 다음과 같이 정의됩니다.
XAML의 전체 줄은 다음과 같습니다.

아래 스크린샷은 Visual Studio 디자이너에 표시되는 아이콘을 보여줍니다.

영상

캐릭터 맵으로 탐색을 시작하면 Microsoft에서 만든 미리 정의된 아이콘을 사용하여 많은 시간을 절약할 수 있습니다!

By David Burela

데모 요청