[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를 공부하고 계신 분들은 여러 가지 수치를 바꿔서 해보세요
나는 모디파이어 내용의 순서를 바꾸는 것도 재미있다고 생각한다.
Reference
이 문제에 관하여([Kottlin]JetpackCompose를 통해 스크롤 표시 목록 만들기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kazuma_f/items/a8276082df3084dbde0b텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)