SwiftUI107 16. [SwiftUI] Button() Button(_ title:action:) -> String title로 간편하게 만들 수 있음 Button(action:label:) -> label에는 어떤 view든 올 수 있음 (커스터마이징 자유롭게 가능) action에는 버튼이 눌렸을 때 작동할 원하는 동작을 클로저로 전달하면 되고 label에는 원하는 뷰로 버튼의 모습을 커스터마이징 할 수 있다. // Created by Toughie on 2023/04/20. // import SwiftUI struct Buttons: View { @State var title: String = "This is fancy title" var body: some View { VStack(spacing: 20) { Text(title) .font(.largeT.. 2023. 4. 20. 15. [SwiftUI] .ignoresSafeArea() & .edgesIgnoringSafeArea() https://developer.apple.com/design/human-interface-guidelines/foundations/layout/ Layout - Foundations - Human Interface Guidelines - Design - Apple Developer Layout Using a consistent layout that adapts to various contexts makes your experience more approachable and helps people enjoy their favorite apps and games on all their devices. Guides and safe areas A layout guide defines a rectangular .. 2023. 4. 20. 14. [SwiftUI] LazyVGrid, LazyHGrid, GridItems Lazy 를 통해 좀 더 효율적으로 데이터 로드가 가능 (lazy 아니면 일부 데이터만 필요한데, 전체 데이터 로드하는 경우가 생길 수 있음) flexible을 자주 사용. 스크롤뷰와 함께 응용 (pinnedViews에 header) LazyHGrid는 방향만 Horizontal이고 다 동일하다. // Created by Toughie on 2023/04/19. // import SwiftUI struct Grids: View { let colors: [Color] = [Color.blue, Color.red, Color.yellow] let columns: [GridItem] = [ GridItem(.flexible(), spacing: 6, alignment: nil), GridItem(.flexib.. 2023. 4. 19. [SwiftUI] PropertyWrapper, @State, @Binding 스스챌 에러를 해결하던 중.. @State와 @Binding을 사용하는 경우도 많았고, 해당 개념이 있었다면 더 빠르게 해결 할 수 있었을 문제도 있어서 간단하게 정리해보려 한다. Property wrapper 우선 프로퍼티 래퍼(@붙은 녀석들)가 무엇인지 알아보자. '랩으로 감싼다' 프로퍼티를 특정 타입으로 감싸서 추가적인 동작이나 기능을 가진 프로퍼티를 선언할 때 쓰인다. 이 타입은 PropertyWrapper 프로토콜을 준수하고, 프로퍼티 읽기/쓰기 (get, set) 에서의 동작을 정의한다. SwiftUI에서 Property wrapper는 데이터 상태 관리를 심플하게 하는데 자주 쓰인다. 대표적인 프로퍼티 래퍼가 @State, @Binding 이다. @State 프로퍼티의 값이 변경될 때 뷰를 .. 2023. 4. 13. 13. [SwiftUI] ScrollView / LazyVStack & LazyHStack 파라미터 axes -> .vertical(수직 스크롤), .horizontal(수평 스크롤) showIndicators -> 스크롤 하면 오른쪽에 회색 바 표시할지 말 지( bool ) content -> () -> View 타입 클로저 스크롤뷰를 만드는 것은 간단하다. 그럼 수직, 수평 스크롤 다 되는 화면을 만들어 보자 ! // Created by Toughie on 2023/04/13. // import SwiftUI struct ScrollViewPrac: View { var body: some View { ScrollView { LazyVStack { ForEach(0.. 2023. 4. 13. 12. [SwiftUI] ForEach / .indices / Hashable 개발자는 반복 작업을 싫어하는 법.. (컴퓨터가 할 일이지) ForEach 루프를 활용해 효율적으로 여러 뷰를 만드는 방법에 대해 알아보자. 위의 예시와 같이 여러 원과 텍스트를 쉽게 찍어낼 수 있다. ForEach는 구조체이다. 말 그대로 Each, 각각.. 순서대로 돌아가며 작업을 하는 것이다. 이름이 대문자로 시작하는 것을 보면 눈치 챘을 사람이 있었을수도 있지만.. 얼핏 생각하면 메서드로 착각할 수도 있겠다. https://developer.apple.com/documentation/swiftui/foreach ForEach | Apple Developer Documentation A structure that computes views on demand from an underlying coll.. 2023. 4. 13. 이전 1 ··· 12 13 14 15 16 17 18 다음
