안드로이드/Jetpack Compose5 [안드로이드 Compose] Button 이번엔 버튼 속성에 대해 알아보겠습니다. 버튼 1 elevation : 버튼이 z축으로 올라와 보이는 효과 - defaultElevation : elevation의 기본값 버튼2 elevation : 버튼이 z축으로 올라와 보이는 효과 - defaultElevation : elevation의 기본값 - pressedElevation : 버튼이 눌렸을 때 elevation 값, - disabledElevation : 버튼의 enabled가 false일 때의 elevation 값 버튼3 shape : 버튼의 모양 - CircleShape - RectangleShape - RoundedCornerShape(dp) border : 테두리의 색, 두께 지정 버튼4 border : 테두리의 색, 두께 지정 - 테두.. 2022. 4. 24. [안드로이드 Compose] 버튼 Custom Shadow 버튼에 그림자 효과를 줄 수 있는 코드입니다. 사용 방법은 다음과 같습니다. 결과물 커스텀 그림자의 출처는 다음과 같습니다. https://gist.github.com/cedrickring/0497965b0658d6727aaec531f59e8c5c 2022. 4. 24. [안드로이드 Compose] AutoResizeText 안드로이드에서 글자의 길이가 길고 TextView의 크기를 제한되어 있을때, 글자의 크기를 줄여서 보여줄때가 있다. Compose에서 기본으로 사용할 수 있는 기능이 없어 구글링하여 커스텀 AutoResizeText를 찾았다. 사용 방법은 다음과 같다. 참고로, Preview 화면에서는 동작하지 않으니 에뮬레이터나 실기기로 테스트하시길 바랍니다. 2022. 4. 24. [안드로이드] Compose - LazyColmn Compose에서 Column 위젯 대신 메모리 관리를 해주는 LazyColmn이 있습니다. 이를 이용해서 다음과 같은 화면을 만들어 보겠습니다. 전체 소스는 다음과 같습니다. Scaffold로 머티리얼 디자인 TopAppBar를 만듭니다. 메소드에 @Composable 어노테이션을 달아서 위젯(뷰)를 만들 수 있습니다. 이렇게 위젯을 분리하여 재활용할 수 있으며, 이점은 스택 구조에서 depth가 줄어들고 가독성이 좋아집니다. UserListView 메소드에 LazyColumn을 이용하여 list 구조를 만들 수 있습니다. items(randomUsers) { }에서 반복문을 돌면서 리스트 각각의 아이템들에 대한 위젯을 만들 수 있습니다. RandomUserView(randomUser: RandomUs.. 2022. 4. 22. [안드로이드] Compose - Scaffold, Row, Column Compose는 플러터랑 매우 비슷하다.. 이전에 플러터를 책 두권을 떼고 선언형 UI를 처음 접했고, 큰 재미를 느꼈다. 하지만.. 현업에 바빠서 배움이 미뤄지길래 지금이라도 Jetpack Compose를 공부하고자 한다. Empty Compose 프로젝트를 생성하면 이전과 동일하게 액티비티가 생성된다. 액티비티에 setContent { } 안에 내용이 화면이 되는 것이다. @Composable 어노테이션이 붙여서 UI 코드를 작성할 수 있고, @Preview 어노테이션을 붙이면 오른쪽에 미리보기가 생성된다. Scaffold Scaffold는 플러터에서 마찬가지로 지원해주는데, 이는 머티리얼 디자인을 사용할 수 있게 해준다. Scaffold를 이용하여 topBar와 floatingActionButton.. 2022. 4. 21. 이전 1 다음
