Avatar

사용자 또는 기업, 학교를 나타내는 대표 이미지 또는 아이콘입니다. 다양한 크기와 모양 옵션을 제공하여 프로필, 댓글, 목록 등 맥락에 맞춰 시각적으로 일관되게 표시할 수 있도록 돕습니다.

Design

Web

iOS

Android

WantedAvatar

사용자, 회사, 학력 등 다양한 유형의 아바타를 표시하는 컴포넌트입니다. 이미지, 아이콘, 그룹 아바타, 알림 뱃지 등 다양한 스타일을 지원합니다. 클릭 이벤트 및 플레이스 홀더 이미지를 설정할 수 있습니다.

WantedAvatar(
    modifier = Modifier,
    model = R.drawable.ic_avatar_placeholder_person,
    placeHolder = R.drawable.ic_avatar_placeholder_person,
    size = WantedAvatarSize.Medium,
    type = WantedAvatarType.Person,
    isDrawableRes = true,
    pushBadge = true,
    onClick = { /* 클릭 동작 */ }
)

Parameters

이름	타입	설명
`type`	WantedAvatarType	아바타의 유형(Person, Company, Academic)을 지정합니다.
`modifier`	Modifier	아바타의 크기, 외형, 배치를 조정하는 Modifier입니다.
`size`	WantedAvatarSize	아바타의 크기와 코너 반경을 결정합니다. 기본값은 Small입니다.
`model`	Any?	표시할 이미지 모델입니다 (URL 또는 Drawable ID).
`placeHolder`	Int?	로딩 실패 시 표시할 기본 이미지 리소스 ID입니다.
`isIcon`	Boolean	아바타 안쪽에 추가 보더를 적용할지 여부를 설정합니다.
`isDrawableRes`	Boolean	model이 Drawable 리소스 ID일 경우 true로 설정합니다.
`isGroup`	Boolean	그룹 아바타 스타일을 적용할지 여부를 설정합니다.
`pushBadge`	Boolean	아바타에 푸시 알림 뱃지를 표시할지 여부를 설정합니다.
`borderColor`	Color	아바타 외곽선의 색상입니다. 기본값은 배경색입니다.
`alignment`	Alignment	이미지의 정렬 방식입니다.
`contentScale`	ContentScale	이미지의 크기 조정 방식입니다.
`onClick`	(() -> Unit)?	아바타 클릭 시 호출될 콜백 함수입니다.

Advanced

WantedAvatarDefaults

Avatar에 사용되는 크기와 유형 관련 설정을 정의하는 객체입니다. 다양한 사이즈와 타입을 설정하여 아바타 UI 요소를 유연하게 구성할 수 있도록 지원합니다.

Enum

WantedAvatarType

값	설명
`Person`	사람(개인)입니다.
`Company`	회사입니다.
`Academic`	학력/학교입니다.

Sealed Class

WantedAvatarSize

Avatar의 크기 및 모서리 반경 정보를 포함하는 sealed 클래스입니다. 각 사이즈는 data object로 구체화되어 있으며, 아바타의 가로/세로 크기와 모서리 반경이 함께 정의됩니다.

값	설명
`XSmall`	24dp 크기, 6dp 모서리 반경의 가장 작은 아바타 크기입니다.
`Small`	32dp 크기, 6dp 모서리 반경의 작은 아바타 크기입니다.
`Medium`	40dp 크기, 8dp 모서리 반경의 중간 아바타 크기입니다.
`Large`	48dp 크기, 10dp 모서리 반경의 큰 아바타 크기입니다.
`XLarge`	56dp 크기, 12dp 모서리 반경의 가장 큰 아바타 크기입니다.