머티리얼 아이콘
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
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 )
)
기본적으로 Icon
컴포저블은 LocalContentColor.current
로 색조가 조정되며 크기는 24.dp
입니다. 또한 tint
색상 매개변수를 노출합니다(색조 조정에 이미지 색조 섹션에 설명된 것과 동일한 메커니즘 활용).
Icon
컴포저블은 작은 아이콘 요소에 사용하기 위한 용도입니다. 더 많은 맞춤설정 옵션이 필요한 경우 Image
컴포저블을 사용해야 합니다.
머티리얼 아이콘 라이브러리 에는 SVG를 수동으로 가져오지 않고도 Compose에서 사용할 수 있는 Icons
집합이 사전 정의되어 있습니다. 장바구니 아이콘 의 둥근 버전을 그리려면 다음과 같이 합니다.
Icon (
Icons . Rounded . ShoppingCart ,
contentDescription = stringResource ( id = R . string . shopping_cart_content_desc )
)
그림 1 : 아이콘을 사용한 장바구니 벡터
Icon
을 사용하여 화면에 VectorDrawable
을 렌더링할 필요가 없으며 내부적으로 Icon
은 Modifier.paint(painterResource(R.drawable.ic_bus_stop)
)을 사용하여 화면에 Icon
을 그릴 필요가 없습니다. 사용할 수 있는 모든 아이콘에 관한 자세한 내용은 아이콘 문서 를 참고하세요.
추천 서비스
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스 에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2024-09-12(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2024-09-12(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2024-09-12(UTC)"]]