개발(Android)/android studio

[Android Studio/Kotlin] Gradient View

shinyelee 2022. 4. 16. 23:55

[안드로이드 스튜디오/코틀린] 그라데이션 뷰

아이콘(SVG, PSD 등) 삽입 및 색깔 변경하기

app - res - drawable 우클릭 - New - Vector Asset
Local file - Path(폴더모양 아이콘)
해당 경로에서 파일 찾은 후 OK
Next
Finish
생성된 xml파일 더블클릭
헥스코드 값을 건드려
아이콘의 색깔을 바꿀 수 있음
배경색, 이미지 너비, 이미지 높이, 이미지 소스, 이미지 위치 설정


그라데이션 만들기

drawable 우클릭 - New - Drawable Resource File
File name 입력 후 OK
StackOverflow에서 긁어온 코드 냅다 붙여넣음

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >

    <gradient
        android:angle="90"
        android:centerColor="#555994"
        android:endColor="#b5b6d2"
        android:startColor="#555994"
        android:type="linear" />

    <corners 
        android:radius="0dp"/>

</shape>

원하는대로 변경 후
다시 activity_main.xml로 돌아와 background를 수정해주면 됨


참고

 

Colors HEX

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

How to make gradient background in android

I want to create gradient background where the gradient is in the top half and there's a solid color in the bottom half, like in this image below: I can't because the centerColor spreads out to co...

stackoverflow.com

 

GradientDrawable  |  Android Developers

 

developer.android.com

 

반응형