알렌보이스

1) 라이브러리 설치 implementation 'com.google.maps.android:maps-compose:2.5.3' implementation 'com.google.android.gms:play-services-maps:18.1.0' 2) API 키 발급 API 키 사용 | Android용 Maps SDK | Google Developers 의견 보내기 API 키 사용 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 플랫폼 선택: Android iOS 자바스크립트 여기에서는 Android용 Maps SDK에 사용할 API 키를 만 developers.google.com api 발급은 어렵지 않으므로 생략하겠습니다. 3) API 셋팅 발급받은 api key는 lo..

이번 포스팅에서는 GrapicsLayer에 관해서 알아보겠습니다. 시작하기 앞서 기본 준비를 하겠습니다. @Composable fun CustomSlider( value: Float, text: String, modifier: Modifier = Modifier, valueRange: ClosedFloatingPointRange = 0f..1f, onValueChange: (Float) -> Unit ) { Column( horizontalAlignment = Alignment.CenterHorizontally, modifier = modifier .fillMaxWidth() .padding(horizontal = 30.dp) ) { Text(text = "$text $value", color = Col..

이번 포스팅에서는 Compose를 활용하여 Gradient을 표시하는 방법에 대하여 알아보겠습니다. @Composable fun BrushBox( brush: Brush, modifier: Modifier = Modifier ) { Box( modifier = modifier .fillMaxWidth() .height(100.dp) .background(brush = brush) ) } private fun getColorList() = listOf( Color(0xFFFFE162), Color(0xFFFF6464) ) 시작에 앞서 기본 설정입니다. Gradient은 background의 brush 속성으로 적용이 가능합니다. 1) Gradient의 종류 BrushBox( brush = Brush.lin..

이번에 작업한 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..

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

2022.08.21 - [안드로이드/코드] - 포켓몬 도감 만들기(2) : Fast Api, Compose, 홈 화면, 리스트 화면 포켓몬 도감 만들기(2) : Fast Api, Compose, 홈 화면, 리스트 화면 2022.08.21 - [안드로이드/코드] - 포켓몬 도감 만들기(1) : Fast Api 포켓몬 도감 만들기(1) : Fast Api Fast Api 설치 pip install fastapi 터미널에 위의 명령어를 입력하면 설치가 됩니다. 추가로 Python이 없.. alanboyce.tistory.com 이전 편에 이어서 상세 화면에 대해 작성하겠습니다. 상세 화면 1) UI @Composable fun DetailScreen( routeAction: RouteAction, viewMo..

Fast Api 설치 pip install fastapi 터미널에 위의 명령어를 입력하면 설치가 됩니다. 추가로 Python이 없을 경우 따로 설치해야 합니다. pip install "uvicorn[standrad]" 서버 작동을 위해서 uvicorn도 설치를 합니다. uvicorn main:app --reload 설치가 완료된 후 위의 명령어를 입력하면 http://127.0.0.1:8000의 주소로 서버가 구동된 것을 확인할 수 있습니다. 하지만 아직 아무것도 안 했기 때문에 {"detail":"Not Found"} 이런 문구가 출력이 될 것입니다. 이제 Python 파일을 생성해 줍니다. from fastapi import FastAPI app = FastAPI() @app.get("/") def ..