Compose 기초 - Composable, Preview

• Composable
  • Jetpack Compose는 구성 가능한 함수를 중심으로 빌드되었다.
    이러한 함수를 사용하면 UI의 구성 과정(요소 초기화, 상위 요소에 연결 등)에 집중하기보다는 앱 모양을 설명하고 데이터 종속 항목을 제공하여 프로그래매틱 방식으로 앱의 UI를 정의할 수 있다. 구성 가능한 함수를 만들려면 함수 이름에 @Composable 주석을 추가하기만 하면 된다.

        // ...
        import androidx.compose.runtime.Composable
        
        class MainActivity : ComponentActivity() {
            override fun onCreate(savedInstanceState: Bundle?) {
                super.onCreate(savedInstanceState)
                setContent {
        MessageCard("Android")
                }
            }
        }
        
        @Composable
        fun MessageCard(name: String) {
            Text(text = "Hello $name!")
        }

• Preview
  • 레이아웃을 미리 랜더링하여 볼 수 있게 하는 부분
  • 여러개 구현 가능
  • @Preview주석을 사용하면 앱을 빌드해서 Android 기기나 에뮬레이터에 설치하지 않고 Android 스튜디오 내에서 구성 가능한 함수를 미리 볼 수 있다.
  • @Preview주석은 매개변수를 사용하지 않는 구성 가능한 함수에 사용해야 한다.
    

        // ...
        import androidx.compose.ui.tooling.preview.Preview
        
        @Composable
        fun MessageCard(name: String) {
            Text(text = "Hello $name!")
        }
        
        @Preview
        @Composable
        fun PreviewMessageCard() {
            MessageCard("Android")
        }
        

틀린 부분 지적은 언제나 환영해요🤗