Glyphicons에 대한 지원 소개 Mendix | Mendix

메인 컨텐츠로 가기

Glyphicons에 대한 지원 소개 Mendix

방금 출시했습니다 Mendix 5.16에서 개선 사항의 긴 목록을 찾을 수 있습니다. 릴리즈 노트. 오늘은 새로운 기능 중 하나인 글리피콘을 강조하고 싶습니다. 이 아이콘은 버튼 이미지에 대한 현대적 해석입니다.

글리피콘 1

글리피콘의 장점

글리피콘은 비트맵 아이콘에 비해 여러 가지 장점이 있습니다. 실제로 글리피콘은 우리가 사용하는 CSS 프레임워크인 Bootstrap과 함께 제공되는 특수 글꼴의 문자입니다. 따라서 버튼 레이블과 여러 속성을 공유합니다.

  • CSS를 사용하면 크기와 색상을 변경할 수 있습니다.
  • 어두운 배경에서 자동으로 흰색으로 바뀌는 버튼 스타일로 대응합니다.
  • 어떤 크기와 해상도에서도 선명함을 유지합니다. 특히 '레티나' 디스플레이에서는 비트맵 아이콘과 글리피콘의 차이를 볼 수 있습니다.

성능 측면에서 또 다른 이점이 있습니다. 아이콘 글꼴은 이미 웹 클라이언트에 의해 로드되어 사용할 수 있습니다. 비트맵 아이콘은 서버에 대한 추가 요청을 초래하지만 글리피콘은 그렇지 않습니다. 특히 모바일에서는 요청 수가 감소할 때마다 카운트됩니다.

모델러 지원

비즈니스 모델러에서 버튼의 '이미지' 속성이 '아이콘'으로 이름이 바뀌었고, 이 속성을 편집하면 다음과 같은 선택기가 제공됩니다.

글리피콘 2

200개가 넘는 글리프가 있으므로 이름을 기준으로 필터링하는 옵션을 제공합니다. 물론 '이미지' 옵션을 통해 비트맵 아이콘을 계속 사용할 수 있습니다.

새 프로젝트를 만들 때는 이 모든 것이 좋지만, 이미 수백 개의 버튼이 가득한 프로젝트가 있다면 어떨까요? 바로 여기서 새로운 일괄 아이콘 업데이트가 등장합니다. 도구 메뉴에서 찾을 수 있으며, 수천 개의 버튼 아이콘을 빠르게 변경할 수 있습니다. 결합할 수 있는 두 가지 필터링 방법이 있습니다.

  • 버튼 유형에 따라 필터링할 수 있습니다. 예를 들어, 모든 데이터 뷰 '저장' 버튼이나 모든 그리드 '새로 만들기' 버튼에 빠르게 아이콘을 적용할 수 있습니다.
  • 버튼에 현재 있는 아이콘을 기준으로 필터링할 수 있습니다. 예를 들어, 이제 이전 플로피 디스크 저장 비트맵 아이콘이 있는 모든 버튼의 아이콘을 바꿉니다. 해당 이미지가 있는 '저장' 버튼과 마이크로플로우 버튼이 모두 업데이트됩니다.

마지막으로, 필터링된 버튼 세트에 어떤 아이콘을 줄지 선택할 수 있습니다. '없음'을 선택하면 해당 버튼의 아이콘을 지울 수 있습니다. 이 프로젝트 전체 작업에는 실행 취소가 없으므로 버전 제어를 사용하여 원치 않는 변경 사항을 실행 취소할 수 있는지 확인하는 것이 좋습니다.

글리피콘 3

기본적으로 Modeler는 더 이상 버튼에 아이콘을 배치하지 않습니다. 많은 개발자가 가장 먼저 하는 일이 아이콘을 제거하는 것이라고 말했기 때문에 우리는 단계를 하나 줄이기로 했습니다.

최종 단어

In Mendix 5.16 Bootstrap 프레임워크를 3.3.2로 업그레이드하여 더 많은 아이콘을 사용할 수 있게 되었습니다. 포럼, 사람들은 이미 CSS 해결 방법을 사용하여 버튼에 글리피콘을 표시했지만 이제 새로운 아이콘을 사용하여 Modeler에서 실제로 무엇을 하고 있는지 볼 수 있습니다. 마지막으로, 우리는 훌륭한 사람들에게 감사드리고 싶습니다. 글리피콘스닷컴 Bootstrap 사용자에게 하플링 아이콘을 무료로 제공하기 위해 노력해 주셔서 감사합니다.

언어를 선택하세요