컴공생의 발자취

[AndroidStudio] 디자인 변경 본문

💚 AndroidStudio

[AndroidStudio] 디자인 변경

MNY 2022. 11. 30. 23:25
728x90
반응형

1. 색상 조합 추천 사이트(Color Hunt)

: 4가지 색상 조합을 추천해주는 사이트

 

인기순, 최신순으로 정렬이 가능하다. 

다양한 색상 조합을 볼 수 있으며, 편하게 사용 가능하다.

 

클릭하면 크게 볼 수 있고

원하는 색상에 마우스를 오버하면 RGB 색상 값이 나오며 클릭하면 복사되어서 바로 사용가능하다.

 

Color Palettes for Designers and Artists - Color Hunt

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

colorhunt.co

 

2. 이미지 원형으로 변경

 

1. build.gradle dependencies 추가

implementation 'de.hdodenhof:circleimageview:3.1.0' //Circle ImageView

 

2. xml 추가

<de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/circle_iv"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_gravity="center"
        android:background="@android:color/transparent"
        app:civ_border_overlay="true"
        app:civ_border_width="5dp"
        app:civ_border_color="#000000"
        android:src="@drawable/test_img" />

civ_border_overlay : 테두리가 이미지와 겹칠 것인지 설정

    * true : 이미지와 겹치게 테두리를 그림 

    * false : 이미지 바깥쪽에 테두리를 그림

    * default : false

civ_border_width : 테두리 굵기

civ_border_color : 테두리 색상

src : 원하는 이미지 resource 파일

 

3. 버튼 색상 변경

 

Button에 다음 코드를 넣어준다. #은 RGB 색상이므로 원하는 색상으로 변경해준다.

android:backgroundTint="#00ADB5"

 

 

 

 

[안드로이드] 원형 이미지뷰 만들기 / CircleImageView

앱을 개발하다 보면 원형의 이미지뷰 CircleImageView를 표시해야할 때가 있습니다. 이것을 직접 구현하려면 여간 까다로운 일이 아닙니다. 그래서 오늘은 원형 이미지뷰 CircleImageView 라이브러리 하

jeong9216.tistory.com

 

728x90
반응형