[Jetpack Compose] App bars (2) — TopAppBar, BottomAppBar 따라하기도큐먼트에 나와있는 TopAppBar, BottomAppBar를 따라 구현해보겠습니다🧐Dec 20, 2024Dec 20, 2024
[Jetpack Compose] Scaffold 사용하기 — innerPadding, PaddingValues가 뭐예요?컴포즈를 사용하는 수많은 예제에서 Scaffold 라는 컴포넌트를 사용하고 있습니다. 스캐폴드라고 읽는 이 Scaffold 는 컴포즈에서 가장 기본으로 사용되는 컴포넌트입니다. 앱바, 바텀바, 플로팅버튼 등을 추가하여 사용자에게 일관된 디자인을…Aug 27, 2024Aug 27, 2024
[Jetpack Compse] Images (3) — 이미지 성능 최적화이미지 작업을 할 때, 주의하지 않으면 큰 비트맵에 의해 OutOfMemoryError가 발생하기 쉽습니다. 해당 섹션에서는 앱이 최상의 성능을 발휘하기 위해 이미지 성능을 최적화하는 방법을 소개하고 있습니다.Jul 19, 2024Jul 19, 2024
[Jetpack Compose] Image에ColorFilter.tint(BlendMode) 실험하기이미지에 tint를 사용할 때, BlendMode를 주어 다양한 방법으로 색을 입힐 수 있는데요, 이 BlendMode라는 값이 총 29개 존재합니다.Jul 18, 2024Jul 18, 2024
[Jetpack Compose] Images (2) — 이미지 커스터마이징하기컴포즈 이미지 섹션에 있는 커스터마이징을 실습해보려고 합니다. 대상 이미지로는 귀여운 마루를 사용해보겠습니당.Jul 18, 2024Jul 18, 2024
[Jetpack Compose] Images (1) — 이미지/아이콘 로드하기텍스트뷰 둘러보기 이후로 한..참.. 뒤에 다시 시작한 컴포즈 공식문서 읽기입니다. 요번 주제는 이미지입니다. 🖼Jul 11, 2024Jul 11, 2024
![[Jetpack Compose] App bars (2) — TopAppBar, BottomAppBar 따라하기](https://miro.medium.com/v2/da:true/resize:fill:160:106/1*aLGFj_nsDJ4zonE_-PpxCw.gif)
![[Jetpack Compose] App bars (2) — TopAppBar, BottomAppBar 따라하기](https://miro.medium.com/v2/da:true/resize:fill:320:214/1*aLGFj_nsDJ4zonE_-PpxCw.gif)
![[Jetpack Compose] App bars (1) — scrollBehavior로 스크롤에 따른 앱바 동작 변경하기](https://miro.medium.com/v2/da:true/resize:fill:160:106/1*-HJZq_yuPed5Ih4FJdarBQ.gif)
![[Jetpack Compose] App bars (1) — scrollBehavior로 스크롤에 따른 앱바 동작 변경하기](https://miro.medium.com/v2/da:true/resize:fill:320:214/1*-HJZq_yuPed5Ih4FJdarBQ.gif)
![[Jetpack Compose] Scaffold 사용하기 — innerPadding, PaddingValues가 뭐예요?](https://miro.medium.com/v2/resize:fill:160:106/1*FYBGU147XxfBIzJCHiM_GQ.png)
![[Jetpack Compose] Scaffold 사용하기 — innerPadding, PaddingValues가 뭐예요?](https://miro.medium.com/v2/resize:fill:320:214/1*FYBGU147XxfBIzJCHiM_GQ.png)
![[Jetpack Compose] Image에ColorFilter.tint(BlendMode) 실험하기](https://miro.medium.com/v2/resize:fill:160:106/1*P-hN3E3uC4r6yCFz7gSa_g.jpeg)
![[Jetpack Compose] Image에ColorFilter.tint(BlendMode) 실험하기](https://miro.medium.com/v2/resize:fill:320:214/1*P-hN3E3uC4r6yCFz7gSa_g.jpeg)
![[Jetpack Compose] Images (2) — 이미지 커스터마이징하기](https://miro.medium.com/v2/resize:fill:160:106/1*0tMPk0aO-IIevt696UaasQ.png)
![[Jetpack Compose] Images (2) — 이미지 커스터마이징하기](https://miro.medium.com/v2/resize:fill:320:214/1*0tMPk0aO-IIevt696UaasQ.png)
![[Jetpack Compose] Images (1) — 이미지/아이콘 로드하기](https://miro.medium.com/v2/resize:fill:160:106/1*nt-lhjDUMqUQ37vVmEky2A.png)
![[Jetpack Compose] Images (1) — 이미지/아이콘 로드하기](https://miro.medium.com/v2/resize:fill:320:214/1*nt-lhjDUMqUQ37vVmEky2A.png)
![[Jetpack Compose] Text and typography (3) — 폰트 적용하기](https://miro.medium.com/v2/resize:fill:160:106/1*YOzKLUCgDczm3PAvlnM8EA.png)
![[Jetpack Compose] Text and typography (3) — 폰트 적용하기](https://miro.medium.com/v2/resize:fill:320:214/1*YOzKLUCgDczm3PAvlnM8EA.png)
![[Jetpack Compose] Text and typography (2) — Text 뷰와 상호작용하기](https://miro.medium.com/v2/resize:fill:160:106/1*fXhzM8bd22Yiji3KGBEbfA.png)
![[Jetpack Compose] Text and typography (2) — Text 뷰와 상호작용하기](https://miro.medium.com/v2/resize:fill:320:214/1*fXhzM8bd22Yiji3KGBEbfA.png)
![[Jetpack Compose] Text and typography (1) — Text 그리기](https://miro.medium.com/v2/resize:fill:160:106/1*vRUjGfybgjKcJoFPtno-xw.png)
![[Jetpack Compose] Text and typography (1) — Text 그리기](https://miro.medium.com/v2/resize:fill:320:214/1*vRUjGfybgjKcJoFPtno-xw.png)
