# 1. Language/🔰 Kotlin

XML # Shape Drawable 요소 정리

둥굴둥굴둥굴레차 2022. 7. 14. 17:30

🎈 파일 위치

res/drawable/filename.xml

 

🎈 구문

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape=["rectangle" | "oval" | "line" | "ring"] >
    <corners
        android:radius="integer"
        android:topLeftRadius="integer"
        android:topRightRadius="integer"
        android:bottomLeftRadius="integer"
        android:bottomRightRadius="integer" />
    <gradient
        android:angle="integer"
        android:centerX="float"
        android:centerY="float"
        android:centerColor="integer"
        android:endColor="color"
        android:gradientRadius="integer"
        android:startColor="color"
        android:type=["linear" | "radial" | "sweep"]
        android:useLevel=["true" | "false"] />
    <padding
        android:left="integer"
        android:top="integer"
        android:right="integer"
        android:bottom="integer" />
    <size
        android:width="integer"
        android:height="integer" />
    <solid
        android:color="color" />
    <stroke
        android:width="integer"
        android:color="color"
        android:dashWidth="integer"
        android:dashGap="integer" />
</shape>

 

🎈 요소

<shape>

셰이프 드로어블
루트 요소이다.

 

rectangle 포함하는 뷰를 채우는 사각형. 이는 기본 셰이프입니다.
oval 포함하는 뷰의 치수에 맞는 타원형 셰이프.
line 포함하는 뷰의 너비에 걸쳐 있는 가로선. 이 셰이프를 사용하려면 <stroke> 요소를 통해 선의 너비를 정의해야 합니다.
ring 고리형 셰이프.

<corners>

셰이프에 대해 둥근 모서리를 생성
셰이프가 사각형인 경우에만 적용됨

 

- android:radius

  모든 모서리의 반경

 

<gradient>

셰이프에 대한 그라데이션 색상을 지정

 

<padding>

포함하는 뷰 요소에 적용할 패딩

 

<size>

셰이프의 크기

 

<solid>

셰이프를 채울 단색

 

- android:color

  셰이프에 적용할 색상

 

<stroke>

셰이프에 대한 스트로크 선

 

- android:color

  선의 색상

 


 

REFERENCE

 

드로어블 리소스  |  Android 개발자  |  Android Developers

드로어블 리소스 드로어블 리소스는 화면에 그릴 수 있으며 getDrawable(int)와 같은 API를 사용하여 가져오거나 android:drawable 및 android:icon과 같은 특성을 사용하여 다른 XML 리소스에 적용할 수 있는

developer.android.com

 

'# 1. Language > 🔰 Kotlin' 카테고리의 다른 글

Kotlin # 계산기 만들기  (0) 2022.07.20
Kotlin # Activity / ViewControl  (0) 2022.07.18
Kotlin # ConstraintLayout 실습  (0) 2022.07.12
Kotlin # LinearLayout/RelativeLayout 실습  (0) 2022.07.11
Kotlin # ConstraintLayout  (0) 2022.07.08