Life Log

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {
    var text by remember { mutableStateOf(name) }

    Box(modifier = Modifier.fillMaxWidth().fillMaxHeight(),
        contentAlignment = Alignment.Center
    ) {
        OutlinedTextField(
            //현재 입력된 텍스트 값
            value = text,
            //텍스트가 바뀔 때 마다 실행되는 람다
            onValueChange = { text = it },
            //입력창 위에 표시되는 라벨 텍스트
            label = { Text("이름") },
            //입력 전 회색 안내 텍스트 (EditText: hint)
            placeholder = { Text("이름을 입력 해 주세요.") },
            //왼쪽에 아이콘 추가
            leadingIcon = { Icon(Icons.Default.Person, contentDescription = null)},
            //오른쪽에 아이콘 추가
            trailingIcon = {
                if (text.isNotEmpty()) {
                    IconButton(onClick = { text = ""}) {
                        Icon(Icons.Default.Close, contentDescription = "Clear")
                    }
                }
            },
            //에러 상태 여부
            isError = text.isEmpty(),
            //한 줄 입력만 가능
            singleLine = true,
            //테두리 모양 (라운드 설정)
            shape = RoundedCornerShape(4.dp),
            //텍스트 스타일 지정
            textStyle = TextStyle(fontSize = 16.sp, color = Color.Black),
            // 색상 커스터마이징
            colors = OutlinedTextFieldDefaults.colors(
                // 포커스 있을 때 테두리 색
                focusedBorderColor = Color.Blue,
                // 포커스 없을 때 테두리 색
                unfocusedBorderColor = Color.Gray,
                // 에러 상태일 때 테두리 색
                errorBorderColor = Color.Red,
                // 커서 색상
                cursorColor = Color.Blue
            ),
            modifier = Modifier.fillMaxWidth().padding(horizontal = 16.dp)
        )
    }
}

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {

    var lineCount = 0
    var hasVisualOverflow = false
    var sizeWidth = 0
    var sizeHeight = 0
    var lineStartIndex = 0

    Text(
        text = "Hello $name!",                      //텍스트에 들어갈 내용
        fontSize = 60.sp,                           //텍스트 사이즈
        lineHeight = 60.sp,                         //텍스트 라인 높이
        color = Color.Black,                        //텍스트 색상
        textAlign = TextAlign.Center,               //텍스트 정렬
        fontFamily = FontFamily.Serif,              //텍스트 폰트 지정
        letterSpacing = 2.sp,                       //글자간 간격
        overflow = TextOverflow.Ellipsis,           //영역 초과시 말줄임(..)처리
        textDecoration = TextDecoration.Underline,  //텍스트 밑줄 처리
        softWrap = true,                            //줄바꿈 허용
        modifier = modifier                         //modifier객체
            .fillMaxWidth()                         //width를 화면 가득 채움
            .wrapContentHeight()                    //height를 내용만큼만 채움
            .padding(10.dp, 0.dp, 10.dp, 0.dp),     //텍스트 바깥 여백 설정 (Left, Top, Right, Bottom)
        onTextLayout = { result ->                  //텍스트가 그려진 후 호출되는 콜백
            lineCount = result.lineCount            //텍스트가 몇줄로 표시됐는지 리턴
            hasVisualOverflow = result.hasVisualOverflow    //텍스트가 잘렸는지 여부를 리턴 (...이 표시되는 경우 true)
            sizeWidth = result.size.width           //텍스트 width
            sizeHeight = result.size.height         //텍스트 height
            Log.d("onTextLayout","lineCount: ${lineCount}")
            Log.d("onTextLayout","hasVisualOverflow: ${hasVisualOverflow}")
            Log.d("onTextLayout","sizeWidth: ${sizeWidth}")
            Log.d("onTextLayout","sizeHeight: ${sizeHeight}")
        }
    )

@Composable
fun Greeting(name: String, modifier: Modifier = Modifier) {

    Box(modifier = Modifier.fillMaxSize(),
        contentAlignment = Alignment.Center
    ) {
        Text(
            text = "Hello $name!",                      //텍스트에 들어갈 내용
            fontSize = 20.sp,                           //텍스트 사이즈
            color = Color.Black,                        //텍스트 색상
        )
    }
}

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            ComposeApplicationTheme {
                Scaffold( modifier = Modifier.fillMaxSize() ) { innerPadding ->
                    Greeting(
                        name = "Android",
                        modifier = Modifier.padding(innerPadding)
                    )
                }
            }
        }
    }
}

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

@Preview(showBackground = true)
@Composable
fun GreetingPreview() {
    ComposeApplicationTheme {
        Greeting("Android")
    }
}

modifier = Modifier.padding(30.dp)
    .background(Color.White)
    .clickable{print("clicked")}