Snackbar4 [Android] SnackBar 디자인시스템 구현기 (Material 뜯어보기) 지난 포스팅에 있었던 BottomSheet에 이어, SnackBar도 디자인시스템을 구현하면서 공부했던 것을 기록하고자 한다.스낵바도 바텀시트와 동일하게 컴포즈로 작성이 되어 있으며 Material3 라이브러리를 사용하지 않는다. 사실 스낵바 관련 포스팅은 여러 번 올렸었다.📍스와이프 이벤트 처리: https://comyou.tistory.com/130📍LineBreak 속성: https://comyou.tistory.com/131📍단어 단위 개행: https://comyou.tistory.com/136 그래서 이번 글에서는 Material 속성에 기반한 구현방식에 집중해서 작성할 것이다. SnackBarHostStateSnackBarHostState는 스낵바의 상태를 관리하는 클래스이다.Mate.. 2025. 1. 30. [Android] 단어 단위의 개행하기 (Compose) 지난번 나는 Jetpack Compose로 단어 단위의 개행을 하기 위해 LineBreak 속성에 대해 알아보았었다.정리한 내용: https://comyou.tistory.com/131 [Android] LineBreak 속성 알아보기Compose의 Text에 있는 LineBreak 속성에 대해 알아보자! Text( text = "터닝에서 내 계획에 딱 맞는 대학생 인턴 찾기를 도와드릴게요", style = TerningTheme.typography.title1, modifier = Modifier .padding(bottom = 36.dp) .bacomyou.tistory.com 그러나, LineBreak의 경우, 한국어는 제대로 반영이 되지 않았다.LineBreak의 Simple, Paragraph .. 2024. 11. 22. [Android] LineBreak 속성 알아보기 Jetpack Compose의 Text에 있는 LineBreak 속성에 대해 알아보자! Text( text = "터닝에서 내 계획에 딱 맞는 대학생 인턴 찾기를 도와드릴게요", style = TerningTheme.typography.title1, modifier = Modifier .padding(bottom = 36.dp) .background(Color.LightGray),) 위처럼 작성 시 나오는 기본 화면은 아래와 같다. 기본적으로 텍스트가 한 글자씩 잘려 줄바꿈 되는 것을 볼 수 있다. 하지만 나는 내가 원하는대로 개행을 하고 싶었고, 이를 위해 Text의 속성 중 하나인 LineBreak에 대해 알아보았다.LineBreak와 관련된 공식문서도 같이 첨.. 2024. 11. 8. [Android] 스와이프 이벤트 AnchoredDraggable로 처리하기 (Compose) 디자인 시스템을 개발하던 중, 내가 구현한 스와이프 기능에 대해 소개해보고자 한다.AnchoredDraggable스와이프 기능이 들어가는 컴포넌트는 스낵바이다.화면에 띄워진 스낵바를 아래로 스와이프 했을 때 사라지도록 해야 하는 것이다. 처음에 나는 Modifier에서 제공하는 swipeable 속성을 사용하고 싶었다.하지만 이는 Deprecated 되었다고 한다ㅜㅜ그래서 찾아보니, swipeable을 대신해줄 AnchoredDraggable라는 속성이 있어서 이를 활용해주고자 했다. 아래는 AnchoredDraggable에 대해 설명하는 공식문서 링크이다!https://developer.android.com/develop/ui/compose/touch-input/pointer-input/migrate.. 2024. 10. 31. 이전 1 다음
