[Kottlin]JetpackCompose를 통해 스크롤 표시 목록 만들기

4677 단어 Kotlin
개요
Kotlin은 이전에 XML로 UI를 만들었지만 JetpackCompose를 사용하면 코드에 UI를 표시할 수 있습니다.
이번에 우리는 그 Jetpack Compose가 굴릴 수 있는 목록을 만들어 보았다.
JetpackCompose에 익숙한 사람은 @Composable 이후의 코드를 기존 코드로 복사하여 확인하십시오.
본문
새 Kotlin 파일을 만듭니다.템플릿을 선택하십시오.

처음 표시된 MainActivity입니다.다시 쓰다
class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            ScrollBoxes()
        }
    }
}

@Composable
fun ScrollBoxes() {
    Column(
        modifier = Modifier
            .fillMaxWidth(1.0f)
            .fillMaxHeight(0.3f)
            .verticalScroll(rememberScrollState())
            .background(Color.Blue)
            .padding(15.dp,0.dp),

    ) {
        repeat(30) {
            Text(
                text = "リスト項目: $it",
                fontSize = 22.sp,
                color = Color.White,
                modifier = Modifier.clickable {
                    // 項目が押された時の処理
                }
            )
        }
    }
}
실행하면 목록이 표시됩니다.

보태다
설계용 여분의 항목도 덧붙였는데, 중점은
modifier = Modifier.verticalScroll(rememberScrollState())
섹션
JetpackCompose를 공부하고 계신 분들은 여러 가지 수치를 바꿔서 해보세요
나는 모디파이어 내용의 순서를 바꾸는 것도 재미있다고 생각한다.

좋은 웹페이지 즐겨찾기