아이콘 폰트는 폰트파일에 문자 대신 아이콘을 추가해 아이콘을 사용할 수 있는 폰트파일입니다.

 

아이콘 폰트를 사용하면 다양한 아이콘을 손쉽게 사용가능하고, 일관된 아이콘을 사용하게 된다는 장점이 있습니다.

 

 

다음과 같은 아이콘 폰트를 사용할 수 있습니다.

 

위 링크의 아이콘 폰트를 설치하면, 윈도우 글꼴 목록에 추가됩니다.

문자표(Characters map) 프로그램등으로 글꼴을 확인할 수 있습니다. 문자 선택 시 하단에 코드(U+F087)가 표시됩니다.

 

 

이 글에서는 아이콘 폰트를 델파이에서 사용할 수 있도록하는 오픈소스들 소개합니다.

(소개하는 3가지 방식 모두 VCL 기반으로만 동작합니다.)

  • IconFontsImageList
  • FontIconEditor
  • Symbols

 

IconFontsImageList

IconFontsImageList는 TImageList 컴포넌트를 상속받은 TIconFontsImageList 컴포넌트를 이용해 아이콘 폰트를 사용할 수 있습니다.

 

 

위 링크에서 컴포넌트 다운로드 후 설치(라이브러리 패스 추가 필요) 후에 사용할 수 있습니다.

 

TIconFontsImageList 컴포넌트 추가 후 컴포넌트를 더블클릭하면 다음과 같은 에디터가 표시됩니다.

 

Properties of ImageList에서 사용할 아이콘 폰트(FontName)와 이미지 크기(Size), 색상(FontColor) 등을 선택합니다.

Properties of Selected Icon에서 [Add] 버튼을 눌러 이미지를 추가합니다.

폰트 아이콘 코드를 입력합니다.(문자표 등에서 확인 가능: [Show Char Map...] 버튼 이용)

 

이후 기존 이미지리스트와 동일하게 사용할 수 있습니다.

 

 

FontIconEditor

FontIconEditor 프로젝트는 기존 이미지 리스트(TImageList)에 아이콘 폰트 추가하는 기능을 확장하는 컴포넌트입니다.

 

 

해당 컴포넌트를 설치하면 이미지리스트 팝업 메뉴에 "Add font icons..." 메뉴가 추가됩니다.
 
해당 메뉴 클릭 시 아래와 같이 등록화면이 표시됩니다.

 

 

아이콘 폰트의 아이콘을 선택 해 이미지 리스트에 추가할 수 있습니다.

 

 

 

Symbols

 

한국 델파이 구루이신 안영제 님께서 공개한 내용입니다. 샘플 프로젝트입니다.

 

Segoe MDL2 Assets 폰트를 이용했지만, 다른 아이콘 폰트를 사용해도 됩니다.

(단, 개발PC 뿐 아니라, 사용자PC에도 해당 폰트가 설치되어 있어야 합니다.)

번호 제목 글쓴이 날짜 조회 수
공지 [DelphiCon 요약] 코드사이트 로깅 실전 활용 기법 (Real-world CodeSite Logging Techniques) 관리자 2021.01.19 17881
공지 [UX Summit 요약] 오른쪽 클릭은 옳다 (Right Click is Right) 관리자 2020.11.16 16239
공지 [10.4 시드니] What's NEW! 신기능 자세히 보기 관리자 2020.05.27 18881
공지 RAD스튜디오(델파이,C++빌더) - 고객 사례 목록 관리자 2018.10.23 24474
공지 [데브기어 컨설팅] 모바일 앱 & 업그레이드 마이그레이션 [1] 관리자 2017.02.06 25849
공지 [전체 목록] 이 달의 기술자료 & 기술레터 관리자 2017.02.06 21210
공지 RAD스튜디오(델파이, C++빌더) - 시작하기 [1] 관리자 2015.06.30 41800
공지 RAD스튜디오(델파이,C++빌더) - 모바일 앱 개발 사례 (2020년 11월 업데이트 됨) 험프리 2014.01.16 177105
1083 InterBase XE3 퀵스타트 가이드 file 문효섭 2014.01.13 4729
1082 짐 맥키트(Jim McKeeth) - 델파이 하늘을 날다(AR.Drone 2.0 연동) Humphery 2014.03.28 4729
1081 델파이 iOS 개발 따라잡기: 3. 데이터베이스 연결하기 관리자 2013.08.27 4724
1080 델파이 iOS 개발 따라잡기: 1-1. 기본 컴포넌트 사용하기 관리자 2013.07.23 4710
1079 델파이1 부터 델파이XE5까지의 역사 관리자 2013.10.26 4687
1078 [델파이 iOS] FireMonkey iOS - event delegate 사용 샘플 관리자 2013.05.20 4655
1077 [웹세미나 안내] 델파이를 활용한 멀티-디바이스 앱 개발 관리자 2013.03.29 4639
1076 델파이 실행 시 EditorLineEnds.ttr 파일을 만들 수 없다는 오류 메시지 원인 [1] Humphery 2014.08.15 4635
1075 더 쉬운코드, 더 유연한 코드를 작성할 수 있는 현대식 문법 [1] Humphery 2014.11.06 4633
1074 [FireDac] FDConnection 데이터베이스 Connection 설정 file 김원경 2017.09.01 4627
1073 [REST API][실습] REST API 서버 개발하기(엔드포인트 구현, RAD 서버 이용) [5] 험프리 2017.05.23 4624
1072 C++ Builder XE5 따라잡기 LIVE! - 리뷰 [1] file Humphery 2014.03.24 4623
1071 ListBox 로 팝업메뉴 처럼 사용하기 c2design 2013.10.29 4551
1070 인터베이스 서버에 접속 시 "unavailable database" 오규가 발생하는 경우 대처방법 [1] file 험프리 2014.07.10 4542
1069 Update 1 : RAD Studio XE5, Delphi XE5, C++Builder XE5 관리자 2013.10.29 4539
1068 모바일 앱 실행 시 (비정상종료)검은화면이 표시되는 경우 조치방법 험프리 2015.07.03 4521
1067 델파이 안드로이드 서비스(링크) 구현방법 Humphery 2014.01.15 4517
1066 [웹 세미나] RAD 따라잡기: 윈도우8 스타일 관리자 2012.11.27 4507
1065 모바일 첫걸음: 델파이 iOS 개발-1.첫걸음 떼기(환경 설정 등) 관리자 2013.09.10 4496
1064 모바일 첫걸음: 델파이 iOS 개발 - 4.사진 찍기와 공유 관리자 2013.10.08 4481