IT/Swift (35) 썸네일형 리스트형 SwiftUI 튜토리얼 6-2 복합 인터페이스 구성하기 App Design and Layout - Composing Complex Interfaces 랜드마크 행 추가하기(Add Rows of Landmarks) 랜드 마크는 각 카테고리를 가로로 스크롤하는 행으로 표시합니다. 행을 나타 내기 위해 새로운 뷰타입을 추가 한 다음 새로운 뷰에서 해당 카테고리의 모든 랜드 마크를 표시합니다. Landmarks displays each category in a row that scrolls horizontally. Add a new view type to represent the row, then display all the landmarks for that category in the new view. Step 1 새 파일 CategoryRow.swift를 만들어.. SwiftUI 튜토리얼 6-1 복합 인터페이스 구성하기 App Design and Layout - Composing Complex Interfaces 랜드 마크의 홈 화면에는 각 카테고리 내에서 가로로 스크롤되는 랜드 마크와 함께 카테고리 스크롤 목록이 표시됩니다. 이 기본 네비게이션을 구축 할 때 구성된 뷰가 다양한 장치 크기 및 방향에 어떻게 적응할 수 있는지 살펴 봅니다. 각 스탭을 수행하여 이 프로젝트를 빌드하거나 완성 된 프로젝트를 다운로드하여 직접 살펴보세요 The home screen for Landmarks shows a scrolling list of categories, with horizontally scrolling landmarks within each category. As you build this primary navigation.. SwiftUI 튜토리얼 5-2 뷰 애니메이션과 트랜지션 Drawing and Animation - Animating Views and Transitions 뷰의 트랜지션 커스텀하기(Customize View Transitions) 기본적으로,뷰는 페이드 인 및 페이드 아웃으로 인해 화면을 끄고 킵니다. transition (_ :) 수정자를 사용하여 이 전환을 사용자 정의 할 수 있습니다. By default, views transition on- and offscreen by fading in and out. You can customize this transition by using the transition(_:) modifier. Step 1 if문 안에 있는 HikeView에 transition (_ :) 수정자를 추가합니다. 이제 그래프가 안팎으로.. SwiftUI 튜토리얼 5-1 뷰 애니메이션과 트랜지션 Drawing and Animation - Animating Views and Transitions SwiftUI를 사용하면 애니메이션 효과가 어디에 적용되는지에 상관없이 뷰나 뷰의 상태를 변경하는 개별적인 애니메이션을 적용할 수 있습니다. SwiftUI는 이러한 오버랩 및 인터럽트 가능한 애니메이션 등의 모든 복잡한 결합을 당신을 위해 처리합니다. 이번 튜토리얼에서는 Landmarks 앱을 사용하는 사용자의 하이킹을 추적하는 그래프 애니메이션을 적용합니다. animation(_ :) 수정자를 사용하면 뷰에 애니메이션을 적용하는 것이 얼마나 쉬운 지 알 수 있습니다. 아래 AnimatingViewsAndTransition.zip을 다운로드하셔서 스타터 프로젝트(StartingPoint 폴더)를 사용하여 .. SwiftUI Tutorials 4 Drawing Paths and Shapes Drawing and Animation - Drawing Paths and Shapes 사용자는 목록에서 랜드 마크를 방문 할 때마다 배지를받습니다. 물론 사용자가 배지를 받으려면 배지를 만들어야합니다. 이 튜토리얼에서는 paths와 shapes을 결합하여 배지를 만드는 과정을 안내하며, 그런 다음 위치를 나타내는 다른 모양으로 오버레이합니다. 여러 종류의 랜드 마크에 대해 여러 개의 배지를 만들려면 중첩 된 기호로 실험하거나 반복 횟수를 변경하거나 다양한 각도와 배율을 변경해보십시오. step을 따라해보시면서 이 프로젝트를 빌드하거나 완성 된 프로젝트를 다운로드하여 직접 살펴보세요. Users receive a badge whenever they visit a landmark in their list... SwiftUI 튜토리얼 3 사용자 입력 다루기 SwiftUI Essentials - Handling User Input Landmarks 앱에서 사용자는 즐겨 찾는 장소를 즐겨찾기 하고, 즐겨 찾기만 표시하도록 목록을 필터링할 수 있습니다. 이 기능을 만들려면 먼저 스위치를 목록에 추가하여 사용자가 즐겨 찾기 한 항목들만 볼 수 있게 한 다음 사용자가 탭 하여 랜드 마크를 즐겨 찾기로 표시하는 별 모양의 버튼을 추가합니다. 스타터 프로젝트를 다운로드하고 이 튜토리얼을 따라해 보시거나 완료된 프로젝트를 열고 코드를 직접 보셔도 됩니다! In the Landmarks app, a user can flag their favorite places, and filter the list to show just their favorites. To create t.. SwiftUI 튜토리얼 2-2 네비게이션과 리스트 만들기 SwiftUI Essentials - Building Lists and Navigation 동적으로 목록 생성하기(Make the List Dynamic) 목록의 요소를 개별적으로 지정하는 대신 컬렉션에서 직접 행을 생성 할 수 있습니다. 데이터의 컬렉션과 컬렉션의 각 요소에 대한 뷰를 제공하는 클로저를 전달하여 컬렉션의 요소를 표시하는 목록을 만들 수 있습니다. 제공된 클로저를 사용하여 목록의 각 요소를 자식뷰로 변환합니다. Instead of specifying a list’s elements individually, you can generate rows directly from a collection. You can create a list that displays the elements of c.. SwiftUI 튜토리얼 2-1 네비게이션가 리스트 만들기 SwiftUI Essentials - Building Lists and Navigation 기본 랜드마크 상세 뷰를 만듦과 동시에 랜드마크에 대한 전체 목록을 보는 방법을 제공하고 그 각각의 항목에 대한 상세 위치도 볼 수 있게 하고 싶습니다. 모든 랜드 마크에 대한 정보를 표시할 수 있는 뷰를 작성하고 사용자가 탭 하여 랜드 마크에 대한 세부 사항 뷰를 볼 수 있는 스크롤 목록을 동적으로 생성합니다. UI를 미세 조정과 다양한 장치 사이즈를 대응하기 위해 위해 Xcode의 캔버스를 사용하여 멀티 프리뷰를 렌더링 합니다. 프로젝트 파일을 다운로드하여이 프로젝트 빌드를 시작하고 아래 단계를 수행하십시오. With the basic landmark detail view set up, you need to p.. 이전 1 2 3 4 5 다음
