예제 아이콘

이 프로그램은 하나의 이미지 아이콘을 사용하여 노란색 스플랫을 포함하고 페인트합니다. 하나의 문은 이미지 아이콘을 만들고 두 개의 문은 두 레이블각각에 이미지 아이콘을 포함: 참고: 일부 플랫폼의 일부 브라우저는 과민 동요 효과의 결과로 애니메이션된 아이콘에 문제가 있습니다. 문제 #671 예제 및 가능한 해결 방법을 참조하십시오. 아이콘의 모양이 동적으로 결정되므로 아이콘 페인팅 코드는 모든 정보 구성 요소 및 응용 프로그램 상태(예: 페인팅할 요소 결정)를 사용할 수 있습니다. 회전하는 모든 아이콘을 얻기 위해 fa-spin 클래스를 사용하고, 8 단계로 회전하는 fa-펄스를 사용합니다. 파 스피너, 파 리프레시 및 파-코그와 잘 어소시에이트합니다. fa-fw를 사용하여 고정 너비로 아이콘을 설정합니다. 다른 아이콘 너비가 정렬을 벗어날 때 사용하기에 좋습니다. 특히 탐색 목록 및 목록 그룹과 같은 경우에 유용합니다. 다음은 세 개의 레이블이 있는 응용 프로그램의 스냅샷으로, 두 개의 레이블이 아이콘으로 장식되어 있습니다: 표지 아래, 각 이미지 아이콘은 이미지 개체를 사용하여 이미지 데이터를 보유합니다.

공통점이 많은 아이콘을 만들어야 한다면 어떻게 해야 할까요? L.Icon에서 상속된 공유 옵션을 포함하는 자체 아이콘 클래스를 정의해 보겠습니다! 리플렛에서 정말 쉽습니다: 다음 예제는 단순하게 유지되며 자동 접근성 지원을 제공하는 Font Awesome CDN의 사용을 가정합니다. 글꼴 멋진 CDN을 사용 하지 않는 경우, 수동 접근성 예제를 참조 하 고 모든 사용자에 대 한 아이콘을 더 멋진 만들기에 대 한 자세한 내용을 읽어 보시기 바랍니다 이전 코드 조각에서, ImageIcon 생성자의 첫 번째 인수는 현재의 위치에 상대 절대 URL로 확인됩니다. 설명 인수는 시각 장애가 있는 사용자가 아이콘이 전달하는 정보를 이해하는 데 도움이 되는 보조 기술을 허용하는 문자열입니다. 다음은 6개의 이미지 아이콘을 사용하는 응용 프로그램입니다. 그 중 5 개는 썸네일 이미지를 표시하고 여섯 번째는 전체 크기의 사진을 diplays. 컨테이너를 기준으로 아이콘 크기를 늘리려면 fa-LG(33% 증가), fa-2x, fa-3x, fa-4x 또는 fa-5x 클래스를 사용합니다. 레이블, 단추 및 탭된 창과 같은 많은 스윙 구성 요소는 고정 크기의 그림 아이콘으로 장식할 수 있습니다. 아이콘은 아이콘 인터페이스를 준수하는 개체입니다. 스윙은 GIF, JPEG 또는 PNG 이미지에서 아이콘을 그리는 ImageIcon이라는 아이콘 인터페이스의 특히 유용한 구현을 제공합니다.

CSS 접두사 fa와 아이콘의 이름을 사용하여 어디서나 글꼴 굉장아이콘을 배치할 수 있습니다.