머티리얼 아이콘

Icon 컴포저블은 Material Design 가이드라인을 따르는 단일 색상의 아이콘을 화면에 그리는 편리한 방법입니다. Icon을 사용하려면 Compose Material 라이브러리(또는 Compose Material 3 라이브러리)를 포함하세요.

예를 들어, Material 기본값으로 로드하고 싶은 벡터 드로어블이 있다면 다음과 같이 Icon 컴포저블을 사용하면 됩니다.

Icon(
    painter = painterResource(R.drawable.baseline_directions_bus_24),
    contentDescription = stringResource(id = R.string.bus_content_description)
)
MaterialIconsSnippets.kt

기본적으로 Icon 컴포저블은 LocalContentColor.current로 색조가 조정되며 크기는 24.dp입니다. 또한 tint 색상 매개변수를 노출합니다(색조 조정에 이미지 색조 섹션에 설명된 것과 동일한 메커니즘 활용). Icon 컴포저블은 작은 아이콘 요소에 사용하기 위한 용도입니다. 더 많은 맞춤설정 옵션이 필요한 경우 Image 컴포저블을 사용해야 합니다.

머티리얼 아이콘 라이브러리에는 SVG를 수동으로 가져오지 않고도 Compose에서 사용할 수 있는 Icons 집합이 사전 정의되어 있습니다. 장바구니 아이콘의 둥근 버전을 그리려면 다음과 같이 합니다.

Icon(
    Icons.Rounded.ShoppingCart,
    contentDescription = stringResource(id = R.string.shopping_cart_content_desc)
)
MaterialIconsSnippets.kt

Icon을 사용하여 화면에 VectorDrawable을 렌더링할 필요가 없으며 내부적으로 Icon은 Modifier.paint(painterResource(R.drawable.ic_bus_stop))을 사용하여 화면에 Icon을 그릴 필요가 없습니다. 사용할 수 있는 모든 아이콘에 관한 자세한 내용은 아이콘 문서를 참고하세요.

추천 서비스

• 참고: JavaScript가 사용 중지되어 있으면 링크 텍스트가 표시됩니다.
• Compose의 리소스
• Compose의 접근성
• 이미지 로드{:#loading-images}