첫 번째 Android 앱 만들기 5

 

5) 텍스트 업데이트

 

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            GreetingCardTheme {
                // A surface container using the 'background' color from the theme
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colors.background
                ) {
                    Greeting("Android")
                }
            }
        }
    }
}

 onCreate() 함수는 이 앱의 진입점으로 다른 함수를 호출하여 사용자 인터페이스를 빌드한다. 

Kotlin 프로그램에서 main() 함수가 Kotlin 컴파일러가 시작되는 코드의 특정 위치이다.

Android 앱에서는 onCreate() 함수가 이 역할을 한다. 

 

onCreate() 함수 내의 setContent() 함수는 구성가능한 함수를 통해 레이아웃을 정의한다.

@Composable 주석으로 표시된 모든 함수는 setCotent() 함수 또는 다른 구성가능한 함수에서 호출가능

-> 다른 composable function에서 호출가능??이 무슨 말일까?

 

주석은 Jetpack Compose에서 이 함수가 UI를 생성하는데 사용된다고 Kotlin 컴파일러에게 알린다.

 

Greate() 함수는 composable function이다.

위에는 @Composable 주석이 있다.

composable function이 뭘까요???

일반 함수와 비슷하지만 몇 가지 차이점이 있다. 함수 이름은 대문자로 표기되며 

함수 앞에 @Composable 주석을 추가하고 @Composable 함수는 아무것도 반환 xx

-> composable function는 몇 가지 입력을 받아서 화면에 표시되는 내용을 생성한다

 

@Composable
fun Greeting(name: String) {
   Text(text = "Hello $name!")
}

 

1. 함수 앞에 @Composable 주석을 추가한다.

2. @Composable 함수 이름은 대문자로 표시한다.

3. @Composable 함수는 아무것도 반환할 수 없다.

 

@Composable
fun Greeting(name: String) {
   Text(text = "Hi, my name is $name!")
}

디자인 창에서 저 왼쪽 상단의  밑의 버튼을 누르면 DefaultPreview를 빌드할 수 있다.

DefaultPreview()함수는 전체 앱을 빌드하지 않고도 앱이 어떻게 표시되는 지 확인할 수 있다.

미리보기 함수가 되려면 @Preview 주석을 추가해야한다.

@Privew 주석이 showBackground 라는 매개변수를 사용한다. 

showBackground 가 true로 설정되면 앱 미리보기에 배경이 추가된다. 

Android 스튜디오는 기본적으로 편집기에 밝은 테마를 사용하므로 showBackground = true와 false간의 차이를 확인하기가 어려울 수도 있다. 하지만 어두운 테마에서는 차이가 분명한다. 

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
   GreetingCardTheme {
       Greeting("Meghan")
   }
}

 

이미지의 흰색 배경이 true로 설정