알렌보이스

이번에 작업한 UI 출처입니다. https://dribbble.com/shots/6289865-AXE-Game-Platform?utm_source=pinterest&utm_campaign=pinterest_shot&utm_content=AXE%E4%B8%A8Game+Platform&utm_medium=Social_Share @Composable fun GameScreen() { Box( modifier = Modifier .fillMaxSize() .background(getGameBlack()) ) { LazyColumn( contentPadding = PaddingValues(bottom = 70.dp), modifier = Modifier.fillMaxWidth() ) { /** 베너 영역 **/ ..

이번 포스팅에서는 기존 XML에서 ViewPager의 기능을 Compose로 유사하게 구현하는 방법에 대하여 알아보겠습니다. 시작하기 전에 다음의 내용을 build.gradle(:app)에 추가해 주세요 implementation "com.google.accompanist:accompanist-pager:0.20.1" implementation "com.google.accompanist:accompanist-pager-indicators:0.20.1" 1) 기본 사용 방법 Compose에서는 방향에 따라서 HorizontalPager와 VerticalPager로 사용합니다. val colorList = listOf( Color(0xFFFF1744), Color(0xFF651FFF), Color(0xFF2..

95 ~ 96일 차 코딩 일기입니다. 어제오늘은 Compose Animation 관련해서 정리하는 작업을 진행하였습니다. 생각보다 양이 많아서 시간이 오래 걸렸네요~ 기존 방식에서도 애니메이션이 가능하긴 했지만 애초에 디자인과 코드를 같이 작성하는 스타일이라 그런가 접근성면에서는 더 좋은 거 같아요 일단 내일은 작업을 못할 예정인데 틈틈이 다음 디자인을 찾아봐야겠습니다

Compose의 Animation은 간단하게 정리하면 다음과 같습니다. 어떤 애니메이션이 어떻게 동작시킨다. 어떤 애니메이션을 사용할지 여부는 Transition을 통해 지정하고, 이 Animation동작이 어떻게 작동할지는 AnimationSpec에 의해 정해집니다. 그전에 언제 애니메이션을 작동시킬 것인지가 필요합니다. 우선 간단하게 Visible 상태를 변경시키는 AnimatedVisibility에 대해 알아보겠습니다. var visible by remember { mutableStateOf(false) } Button(onClick = { visible = visible1.not() }) { Text(text = "Click") } AnimatedVisibility(visible = visible..

94일 차 코딩 일기입니다. 오늘은 어제 작업을 했던 나이키 UI에 애니메이션 효과를 적용해보았습니다. 기존에 해봤던 것도 있었고 오늘 처음 적용해보는 애니메이션 효과도 있었습니다. 하면서 느낀 점은 한번 애니메이션 관련해서 정리를 해봐야겠다는 생각이 들었습니다. 그래서 내일은 정리하면서 포스팅 준비해서 모래 올릴 예정입니다.

디자인 출처 메인화면 왼쪽의 UI를 오른쪽과 같이 3등분으로 분리하여 UI를 구현하였습니다. @Composable fun ShoesMainScreen() { Column( modifier = Modifier .fillMaxSize() .background(ShoesBlack) ) { /** 상단 타이틀 영역 **/ ShoesMainHeader() /** 텝 메뉴, 뷰페이져 **/ ShoesMainBody( modifier = Modifier .fillMaxWidth() .weight(1f) ) /** 하단 메뉴 **/ ShoesMainFooter() } } 1) Header @Composable fun ShoesMainHeader() { Row( modifier = Modifier .fillMaxWidt..

93일 차 코딩 일기입니다. 오늘은 Compose 디자인 연습을 진행하였습니다. https://dribbble.com/shots/6817044-Nike-App-Shop?utm_source=Pinterest_Shot&utm_campaign=Haibao&utm_content=Nike+App+Shop&utm_medium=Social_Share Nike App Shop Another version of the shoe store iOS app design concept that I'm working on. Hope you love it! If you like my work, please follow me.I will stick to it. Have a nice day~ dribbble.com 위의 사이트의 UI..

91 ~ 92일 차 코딩 일기입니다. 어제오늘은 이번에 만든 포켓몬 도감을 문서 정리하고 포스팅까지 완료하는 작업을 진행하였습니다. 오랜만에 정리글 쓰는데 말로 표현한다는 게 참 어렵네요 저도 검색하면서 찾을 때 이해 잘되게 쓰시는 분 글 보는데 저도 그렇게 쓰고 싶은데 마음처럼 되질 않네요 ㅎㅎ; 아직 다음 프로젝트는 예정이 없어서 내일부터는 Compose로 이쁜 디자인 찾아서 구현해보는 걸 진행해볼 예정입니다.