Swift UI는 Apple이 제공하는 새로운 사용자 인터페이스 프레임워크로, iOS, macOS, watchOS 및 tvOS 앱을 개발하는 데 사용됩니다. 이 프레임워크를 사용하여 사용자 인터페이스를 구성할 때, 리스트와 스크롤뷰는 자주 사용되는 요소입니다.

리스트

리스트는 사용자에게 항목의 집합을 표시하는 데 사용되는 UI 요소입니다. 개별적인 항목은 리스트로 구성되며, 항목을 터치하면 해당 항목에 대한 액션을 수행할 수 있습니다.

Swift UI에서 리스트를 생성하려면 List를 사용합니다. List는 View 프로토콜을 준수하는 항목의 배열을 인수로 받습니다.

다음은 간단한 리스트를 생성하는 예제입니다:

List {
    Text("항목 1")
    Text("항목 2")
    Text("항목 3")
}

위의 예제에서 Text는 각 항목의 내용을 표시하는 데 사용되는 기본 뷰입니다. 이는 필요에 따라 사용자 정의 뷰로 대체할 수도 있습니다. 리스트 내에서는 다른 뷰도 사용할 수 있습니다.

스크롤뷰

스크롤뷰는 사용자가 콘텐츠를 스크롤하여 볼 수 있는 UI 요소입니다. 스크롤뷰를 사용하면 화면에 맞지 않는 큰 콘텐츠를 표시할 수 있습니다.

Swift UI에서 스크롤뷰를 생성하려면 ScrollView를 사용합니다. ScrollView는 한 개의 자식 뷰만 가질 수 있으므로, 필요에 따라 컨테이너 뷰를 추가하여 여러 뷰를 스크롤할 수 있습니다.

다음은 스크롤뷰를 생성하는 예제입니다:

ScrollView {
    VStack {
        Text("내용 1")
        Text("내용 2")
        Text("내용 3")
    }
}

위의 예제에서 VStack은 세 개의 Text 뷰를 수직으로 배열하는 컨테이너 뷰입니다. 이 컨테이너 뷰는 ScrollView의 자식 뷰로 사용되어 스크롤 가능한 콘텐츠를 생성합니다.

요약

Swift UI에서 리스트와 스크롤뷰는 많은 사용자 인터페이스 구성 요소와 함께 자주 사용됩니다. 리스트는 항목의 집합을 표시하고, 스크롤뷰는 큰 콘텐츠를 스크롤할 수 있는 기능을 제공합니다. 이러한 요소들을 적절히 활용하여 사용자 친화적인 앱을 개발할 수 있습니다.

더 많은 정보를 원하시면 아래의 공식 문서를 참조하시기 바랍니다:

• Swift UI
• List
• ScrollView