Glyphicons에 대한 지원 소개 Mendix
방금 출시했습니다 Mendix 5.16에서 개선 사항의 긴 목록을 찾을 수 있습니다. 릴리즈 노트. 오늘은 새로운 기능 중 하나인 글리피콘을 강조하고 싶습니다. 이 아이콘은 버튼 이미지에 대한 현대적 해석입니다.
글리피콘의 장점
글리피콘은 비트맵 아이콘에 비해 여러 가지 장점이 있습니다. 실제로 글리피콘은 우리가 사용하는 CSS 프레임워크인 Bootstrap과 함께 제공되는 특수 글꼴의 문자입니다. 따라서 버튼 레이블과 여러 속성을 공유합니다.
- CSS를 사용하면 크기와 색상을 변경할 수 있습니다.
- 어두운 배경에서 자동으로 흰색으로 바뀌는 버튼 스타일로 대응합니다.
- 어떤 크기와 해상도에서도 선명함을 유지합니다. 특히 '레티나' 디스플레이에서는 비트맵 아이콘과 글리피콘의 차이를 볼 수 있습니다.
성능 측면에서 또 다른 이점이 있습니다. 아이콘 글꼴은 이미 웹 클라이언트에 의해 로드되어 사용할 수 있습니다. 비트맵 아이콘은 서버에 대한 추가 요청을 초래하지만 글리피콘은 그렇지 않습니다. 특히 모바일에서는 요청 수가 감소할 때마다 카운트됩니다.
모델러 지원
비즈니스 모델러에서 버튼의 '이미지' 속성이 '아이콘'으로 이름이 바뀌었고, 이 속성을 편집하면 다음과 같은 선택기가 제공됩니다.
![]()
200개가 넘는 글리프가 있으므로 이름을 기준으로 필터링하는 옵션을 제공합니다. 물론 '이미지' 옵션을 통해 비트맵 아이콘을 계속 사용할 수 있습니다.
새 프로젝트를 만들 때는 이 모든 것이 좋지만, 이미 수백 개의 버튼이 가득한 프로젝트가 있다면 어떨까요? 바로 여기서 새로운 일괄 아이콘 업데이트가 등장합니다. 도구 메뉴에서 찾을 수 있으며, 수천 개의 버튼 아이콘을 빠르게 변경할 수 있습니다. 결합할 수 있는 두 가지 필터링 방법이 있습니다.
- 버튼 유형에 따라 필터링할 수 있습니다. 예를 들어, 모든 데이터 뷰 '저장' 버튼이나 모든 그리드 '새로 만들기' 버튼에 빠르게 아이콘을 적용할 수 있습니다.
- 버튼에 현재 있는 아이콘을 기준으로 필터링할 수 있습니다. 예를 들어, 이제 이전 플로피 디스크 저장 비트맵 아이콘이 있는 모든 버튼의 아이콘을 바꿉니다. 해당 이미지가 있는 '저장' 버튼과 마이크로플로우 버튼이 모두 업데이트됩니다.
마지막으로, 필터링된 버튼 세트에 어떤 아이콘을 줄지 선택할 수 있습니다. '없음'을 선택하면 해당 버튼의 아이콘을 지울 수 있습니다. 이 프로젝트 전체 작업에는 실행 취소가 없으므로 버전 제어를 사용하여 원치 않는 변경 사항을 실행 취소할 수 있는지 확인하는 것이 좋습니다.
![]()
기본적으로 Modeler는 더 이상 버튼에 아이콘을 배치하지 않습니다. 많은 개발자가 가장 먼저 하는 일이 아이콘을 제거하는 것이라고 말했기 때문에 우리는 단계를 하나 줄이기로 했습니다.
최종 단어
In Mendix 5.16 Bootstrap 프레임워크를 3.3.2로 업그레이드하여 더 많은 아이콘을 사용할 수 있게 되었습니다. 포럼, 사람들은 이미 CSS 해결 방법을 사용하여 버튼에 글리피콘을 표시했지만 이제 새로운 아이콘을 사용하여 Modeler에서 실제로 무엇을 하고 있는지 볼 수 있습니다. 마지막으로, 우리는 훌륭한 사람들에게 감사드리고 싶습니다. 글리피콘스닷컴 Bootstrap 사용자에게 하플링 아이콘을 무료로 제공하기 위해 노력해 주셔서 감사합니다.