일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 이미지 라운딩
- 버튼 누르는 효과
- 코틀린
- Retrofit 2.0
- maxLength
- Kotlin
- retrofit
- Lint found fatal errors while assembling a release target
- compose
- url에서 이미지 가져오기
- EditText
- Retrofit+RxJava
- Gif넣기
- boxing
- 입력감지
- 글자 줄임 표시
- 버튼 클릭 효과
- rounding
- 글자 수 제한
- 참조형
- 레트로핏
- Android
- apk 빌드 오류
- ellipsize
- Glide라이브러리
- 안드로이드
- XML
- android api호출
- 서버 통신
- 기본형
- Today
- Total
단비의 개발블로그
[Android] 레이아웃 Background 둥글게 만들기 (shape, radius, border stroke) - XML 본문
[Android] 레이아웃 Background 둥글게 만들기 (shape, radius, border stroke) - XML
단비냥 2021. 3. 30. 22:36레이아웃 Background를 주어 다양한 형태로 만드는 것에 대해 포스팅 해보겠습니다.
간단하지만 잘 잊어버리가 쉬워서 언제든지 볼 수 있도록 기록을 겸하는 포스팅입니다.
먼저 res/drawable 폴더에 새 Drawable Resource File 을 위와 같이 생성합니다.
shape 속성은 도형을 지정하는 속성으로 rectangle, oval, ring, line 이 있습니다.
corners에 radius를 지정해주면 모서리 라운딩이 가능합니다.
radius의 속성값이 클수록 모서리가 더 둥글게 됩니다.
그 후 배경을 주고 싶은 레이아웃의 background 에 지정해줍니다.
여기에서는 Button이지만 TextView, 레이아웃 View에 모두 적용 가능합니다.
그러면 다음과 같은 형태를 보입니다.
만약 모서리 선을 지정해주고 싶다면 다음과 같이 하시면 됩니다.
stroke에 color, width 을 지정해준 모습입니다.
가끔 특정 한쪽 모서리에만 radius 를 주고 싶을때가 있는데, 이렇게 적용해줍니다.
item안에 radius를 적용해주고 싶지 않은 부분을 지정해준 radius 보다 큰 값으로 마이너스를 달아주면
다음과 같은 형태로 나타나게 됩니다.
혹은 corners 내의 radius 값 지정 시
bottomRightRadius, bottomLeftRadius, topRightRadius, topLeftRadius 속성을 각각 적용해주시면 됩니다.
이상입니다.
속성값들에 대해 더 자세한 내용을 알고 싶다면 문서를 참조해주세요!
'Android' 카테고리의 다른 글
[Android] Compose 사용 이유, 맛보기 (0) | 2022.07.08 |
---|---|
[Android] Context란? (0) | 2021.10.22 |
[Android] Retrofit 2.0 사용방법 (Kotlin) - 3. RxJava + Retrofit (0) | 2020.12.03 |
[Android] APK 빌드 오류 : Lint found fatal errors while assembling a release target. (0) | 2020.07.25 |
[Android] Glide 라이브러리 사용하기 (ImageView에 이미지 리소스, GIF 넣기) (0) | 2020.07.14 |