Android 앱에 이미지 추가 [ 도전과제 ]

stringResource

 

stringResource 랑 getString

저렇게 하면

HappyBirthdayTheme {
    // A surface container using the 'background' color from the theme
    Surface(color = MaterialTheme.colors.background){
       BirthdayGreetingWithImage(stringResource(R.string.happy_birthday_text), from = getString(
                              R.string.signature_text))
}
}

 

getString( )으로 나오는데 왜지?

HappyBirthdayTheme {
    // A surface container using the 'background' color from the theme
    Surface(color = MaterialTheme.colors.background){
       BirthdayGreetingWithImage(getString(R.string.happy_birthday_text),getString(R.string.signature_Text))
}
}

 

stringResouce 라고 안뜨고 getString으로 뜨는데....?

res/values/strings.xml 내용

<resources>
    <string name="app_name">Happy Birthday</string>
    <string name="happy_birthday_text">Happy birthday Sam!</string>
    <string name="signature_Text">-From Emma</string>
</resources>

1. 함수로 스크롤하라고 하는것은 그냥 저 함수로 이동하라는 말인가요?

2. getString() , stringResource() 차이

 

실습 솔루션 코드

HappyBirthdayTheme {
   // A surface container using the 'background' color from the theme
   Surface(color = MaterialTheme.colors.background) {
       BirthdayGreetingWithImage( stringResource(R.string.happy_birthday_text), "- from Emma")
   }
}

내 실습 결과

HappyBirthdayTheme {
    // A surface container using the 'background' color from the theme
    Surface(color = MaterialTheme.colors.background){
       BirthdayGreetingWithImage(getString(R.string.happy_birthday_text),"-From Emma")
}
}

전체 솔루션 코드

package com.example.happybirthday
	import android.os.Bundle
	import androidx.activity.ComponentActivity
	import androidx.activity.compose.setContent
	import androidx.compose.foundation.Image
	import androidx.compose.foundation.layout.Box
	import androidx.compose.foundation.layout.Column
	import androidx.compose.foundation.layout.fillMaxHeight
	import androidx.compose.foundation.layout.fillMaxWidth
	import androidx.compose.foundation.layout.padding
	import androidx.compose.foundation.layout.wrapContentWidth
	import androidx.compose.material.MaterialTheme
	import androidx.compose.material.Surface
	import androidx.compose.material.Text
	import androidx.compose.runtime.Composable
	import androidx.compose.ui.Alignment
	import androidx.compose.ui.Modifier
	import androidx.compose.ui.layout.ContentScale
	import androidx.compose.ui.res.painterResource
	import androidx.compose.ui.res.stringResource
	import androidx.compose.ui.tooling.preview.Preview
	import androidx.compose.ui.unit.dp
	import androidx.compose.ui.unit.sp
	import com.example.happybirthday.ui.theme.HappyBirthdayTheme
	class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
	super.onCreate(savedInstanceState)
	setContent {
	HappyBirthdayTheme {
	Surface(color = MaterialTheme.colors.background) {
	BirthdayGreetingWithImage( stringResource(R.string.happy_birthday_text),
	stringResource(R.string.signature_text))
	}
	}
	}
	}
	}
	@Composable
	fun BirthdayGreetingWithText(message: String, from: String) {
	// Create a column so that texts don't overlap
	Column {
	// Add two text, let them appear on top of each other
	Text(
	text = message,
	fontSize = 36.sp,
	modifier = Modifier
	.fillMaxWidth()
	.wrapContentWidth(Alignment.CenterHorizontally)
	.padding(start = 16.dp, top = 16.dp)
	)
	Text(
	text = from,
	fontSize = 24.sp,
	modifier = Modifier
	.fillMaxWidth()
	.wrapContentWidth(Alignment.CenterHorizontally)
	.padding(start = 16.dp, end = 16.dp)
	)
	}
	}
	@Composable
	fun BirthdayGreetingWithImage(message: String, from: String) {
	val image = painterResource(R.drawable.androidparty)
	// Create a box to overlap image and texts
	Box {
	Image(
	painter = image,
	contentDescription = null,
	modifier = Modifier
	.fillMaxHeight()
	.fillMaxWidth(),
	contentScale = ContentScale.Crop
	)
	BirthdayGreetingWithText(message = message, from = from)
	}
	}
	@Preview(showBackground = false)
	@Composable
	private fun BirthdayCardPreview() {
	HappyBirthdayTheme {
	BirthdayGreetingWithImage( stringResource(R.string.happy_birthday_text),
	stringResource(R.string.signature_text))
	}
	}