첫 Android 앱 만들기

6. 배경 색상 변경

import 시 알파벳 순으로 하는 게 좋다. 

help - find action - Optimize Imports 클릭

 

@Composable
fun Greeting(name: String) {
    Surface(color = Color.Magenta) {
        Text(text = "Hello my name is $name!")
    }
}

텍스트에 배경 색상이 생겼다.

7. 패딩 추가 

텍스트 주위에 공백(패딩)을 추가해보자

@Composable
fun Greeting(name: String) {
   Surface(color = Color.Magenta) {
       Text(text = "Hi, my name is $name!", modifier = Modifier.padding(24.dp))
   }
}

Modifier는 컴포저블을 강화하거나 장식하는 데 사용됩니다.

사용 할 수 있는 한가지 수정자는 padding 수정자이며  이는 요소 주위에 공백을 적용합니다.

여기서는 텍스트 주위에 공백을 추가합니다. 

 

@Composable
fun Greeting(name: String) {
    Surface(color = Color.Magenta) {
        Text(text = "Hello my name is $name!", Modifier.padding(24.dp))
    }
}

솔루션 코드

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.padding
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp
import com.example.myapplication.ui.theme.GreetingCardTheme

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

@Composable
fun Greeting(name: String) {
   Surface(color = Color.Magenta) {
       Text(text = "Hi, my name is $name!", modifier = Modifier.padding(24.dp))
   }
}

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

요약

구성가능한 함수는 일반 함수와 비슷하지만 몇 가지 차이가 있다.

함수 이름은 대문자로 표기되며 함수 앞에 @Composable 주석을 추가하고 

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

Modifier은 컴포저블을 강화하거나 장식하는 데 사용된다.