TIL - Android CircleImageView

2023. 1. 6. 13:51· Today I Learn
반응형

안드로이드 UI 작업 중, 간혹 원 모양의 View가 필요한 경우가 있습니다.

 

다음과 같이 Background Resource를 커스텀으로 만들어주는 방법도 있으나,

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#ffffff" />
</shape>

 

de.hdodenhof:circleimageview 라이브러리를 통해 Circle Image View를 바로 생성하는 방법 또한 있습니다.

https://github.com/hdodenhof/CircleImageView

 

ImageView를 확장해서 만들어진 라이브러리이기 때문에 기본 사용법은 ImageView와 동일합니다.

implementation 'de.hdodenhof:circleimageview:3.1.0'

 

아래와 같이 레이아웃을 삽입해주고, 각종 속성들을 설정해줍니다.

옵션 중 civ_border_~ 형태의 옵션들을 통해 CircleView의 테두리들에 대한 추가 설정이 가능합니다.

<de.hdodenhof.circleimageview.CircleImageView
    android:id="@+id/contactImg"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:civ_border_color=""
    app:civ_border_width=""
    app:civ_border_overlay=""
    android:visibility="gone"/>

 

이후에는 이미지 라이브러리를 활용하여 로직에 따라 적용해주시면 됩니다.

if (photoUrl.isNotEmpty()) {
    Glide.with(context)
        .load(photoUrl)
        .into(holder.circleImg)
} else {
    Glide.with(context)
        .load(R.drawable.profile)
        .into(holder.circleImg)
}

 

반응형
저작자표시 (새창열림)
'Today I Learn' 카테고리의 다른 글
  • TIL - EditText에 전화번호 형식 입력하기
  • TIL - Android Bottom Sheet navigationBarColor
  • TIL - Android OutLineProvider : ImageView의 Radius 지정하기
  • TIL - ViewBinding error : too many parameters
SeungYong.Lee
SeungYong.Lee
반응형
SeungYong.Lee
Win-Dev
SeungYong.Lee
전체
오늘
어제
  • All (239)
    • Development (139)
      • Android (135)
      • iOS (0)
      • Flutter (4)
      • Backend (0)
    • Algorithm (5)
    • Knowledge (5)
      • IT (2)
      • Science (0)
      • ETC & Tip (3)
    • Today I Learn (28)
    • Coding Test (62)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

  • 안녕하세요. 반갑습니다 :)

인기 글

태그

  • compose
  • 코틀린
  • coroutine
  • Widget
  • Retrofit
  • Kotlin
  • glance
  • Flutter
  • Android
  • Collection
  • Animation
  • dfs
  • exception
  • bitmap
  • hilt
  • 비동기처리
  • Java
  • HTTP
  • 코딩테스트
  • 프로그래머스

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
SeungYong.Lee
TIL - Android CircleImageView
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.