Android/Jetpack Compose
-
/* 본 게시물은 'Compose CookBook' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [Compose CookBook] : https://github.com/Gurupreet/ComposeCookBook 실행 결과 ListActivity class ListActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { ListViewContent { onBackPressed() } } } } @Composable fun ListViewContent(onBack: () -> Unit){ Scaffold( topBar ..
[Jetpack Compose] ListView/* 본 게시물은 'Compose CookBook' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [Compose CookBook] : https://github.com/Gurupreet/ComposeCookBook 실행 결과 ListActivity class ListActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { ListViewContent { onBackPressed() } } } } @Composable fun ListViewContent(onBack: () -> Unit){ Scaffold( topBar ..
2021.07.26 -
/* 본 게시물은 ' ' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [URL] : 기본 코드 베이스는 저번에 만든 BottomNavigation을 활용하겠다. Jetpack Compose의 장점은 기존의 View 와 호환이 가능하다는 점이다. 이를 이용해 Activity 간 이동을 구현해보자. SecondActivity class SecondActivity : ComponentActivity() { private val key: String by lazy { intent?.getStringExtra("key") ?: "key is null" } override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState..
[Jetpack Compose] Activity 간 이동/* 본 게시물은 ' ' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [URL] : 기본 코드 베이스는 저번에 만든 BottomNavigation을 활용하겠다. Jetpack Compose의 장점은 기존의 View 와 호환이 가능하다는 점이다. 이를 이용해 Activity 간 이동을 구현해보자. SecondActivity class SecondActivity : ComponentActivity() { private val key: String by lazy { intent?.getStringExtra("key") ?: "key is null" } override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState..
2021.07.26 -
/* 본 게시물은 ' ' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [URL] : 실행 결과 HomeScreen @Composable fun HomeScreen(homeScreen: BottomNavType) { val context = LocalContext.current Scaffold( modifier = Modifier.testTag(TestTags.HOME_SCREEN_ROOT), topBar = { TopAppBar( title = { Text(text = "MainActivity") }, elevation = 18.dp, //왼쪽 Naviagation Icon navigationIcon = { IconButton( onClick = { Toast.makeText(context, "Ba..
[Jetpack Compose] TopAppBar/* 본 게시물은 ' ' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [URL] : 실행 결과 HomeScreen @Composable fun HomeScreen(homeScreen: BottomNavType) { val context = LocalContext.current Scaffold( modifier = Modifier.testTag(TestTags.HOME_SCREEN_ROOT), topBar = { TopAppBar( title = { Text(text = "MainActivity") }, elevation = 18.dp, //왼쪽 Naviagation Icon navigationIcon = { IconButton( onClick = { Toast.makeText(context, "Ba..
2021.07.26 -
/* 본 게시물은 ' ' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [URL] : https://foso.github.io/Jetpack-Compose-Playground/material/snackbar/
[Jetpack Compose] jetpack compose playground/* 본 게시물은 ' ' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [URL] : https://foso.github.io/Jetpack-Compose-Playground/material/snackbar/
2021.07.26 -
/* 본 게시물은 ' ' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [URL] : https://github.com/Gurupreet/ComposeCookBook 실행 결과 MainActivity import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.animation.Crossfade import androidx.compose.foundation.background import androidx.compose.foundation.layout.Column import androidx.compose.material...
[Jetpack Compose] BottomNavigation/* 본 게시물은 ' ' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [URL] : https://github.com/Gurupreet/ComposeCookBook 실행 결과 MainActivity import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.animation.Crossfade import androidx.compose.foundation.background import androidx.compose.foundation.layout.Column import androidx.compose.material...
2021.07.26 -
/* 본 게시물은 ' 취준생을 위한 안드로이드 앱만들기 콤포즈UI 기본개념 Jetpack Compose ' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [취준생을 위한 안드로이드 앱만들기 콤포즈UI 기본개념 Jetpack Compose] : https://www.youtube.com/watch?v=1apENzDbtCQ&t=190s #Jetpack Compose 사용해보기 build.gradle Jetpack Compose 는 kotlin 1.5.10 이상 버전에서 실행 가능하다. MainActivity import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent..
[Android] Jetpack Compose(2)/* 본 게시물은 ' 취준생을 위한 안드로이드 앱만들기 콤포즈UI 기본개념 Jetpack Compose ' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [취준생을 위한 안드로이드 앱만들기 콤포즈UI 기본개념 Jetpack Compose] : https://www.youtube.com/watch?v=1apENzDbtCQ&t=190s #Jetpack Compose 사용해보기 build.gradle Jetpack Compose 는 kotlin 1.5.10 이상 버전에서 실행 가능하다. MainActivity import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent..
2021.07.21 -
/* 본 게시물은 ' Jetpack Compose | Android developer ' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [Jetpack Compose | Android developer] : https://developer.android.com/courses/pathways/compose #Jetpack compose UI 1. Jetpack compose 를 왜 사용해야 할까? Jetpack compose는 기존의 View를 대체할 tool kit 이다. Jetpack compose는 직관적이고 강력하다. 훨씬 적은 코드로 UI를 생성할 수 있다. 이는 처음부터 개발을 가속화할 수 있도록 도와준다. 또한, UI에 들이는 시간을 줄여 기능을 구현하는데 집중할 수 있다. 뷰 기반의 기존..
[Android] Jetpack Compose(1)/* 본 게시물은 ' Jetpack Compose | Android developer ' 의 내용을 토대로 작성되었습니다. */ 참고 자료 [Jetpack Compose | Android developer] : https://developer.android.com/courses/pathways/compose #Jetpack compose UI 1. Jetpack compose 를 왜 사용해야 할까? Jetpack compose는 기존의 View를 대체할 tool kit 이다. Jetpack compose는 직관적이고 강력하다. 훨씬 적은 코드로 UI를 생성할 수 있다. 이는 처음부터 개발을 가속화할 수 있도록 도와준다. 또한, UI에 들이는 시간을 줄여 기능을 구현하는데 집중할 수 있다. 뷰 기반의 기존..
2021.07.21