Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- MiTweet
- MyVoca
- GitHub
- Compose
- 백준
- android
- AWS
- Gradle
- boj
- 암호학
- Python
- textfield
- Coroutines
- androidStudio
- ProGuard
- 프로그래머스
- pandas
- Coroutine
- 쿠링
- Rxjava
- Kotlin
- activity
- Hilt
- 코드포스
- architecture
- Codeforces
- 코루틴
- TEST
- livedata
- relay
Archives
- Today
- Total
목록Blur (1)
이동식 저장소
Modifier로 블러 효과 구현하기
Compose에서 블러 효과를 그리는 방법은 여러 가지 있지만, 이 글에서는 ``Modifier.drawBehind``를 사용하는 방법을 소개한다. ``Modifier.drawBehind { ... }``를 사용하면 Composable의 뒤에 무언가를 그릴 수 있다. 람다 내부에서는 ``DrawScope``를 통해 Compose Canvas에 접근할 수 있다.디자인 확인쿠링에서는 CTA 버튼 위에 블러를 보여주는 경우가 있다. 주로 리스트의 내용을 자연스럽게 보여줄 때 적용한다.구현Composable 위에 하얀색과 투명으로 이루어진 사각형을 그리면 된다. 사각형의 높이는 임의로 줄 수 있으나, 여기서는 Composable 높이의 30%로 지정했다. 사각형의 너비는 물론 Composable의 너비와 같다...
Primary/Compose
2024. 5. 1. 21:32