inflearn logo
강의

Course

Instructor

[Lv.1] iOS 17 App Development Basics - Getting Started with SwiftUI

Frame

Frame에 대한 개념 질문

Resolved

253

cho71345942

1 asked

0

 

"뷰는 자신의 콘텐트와 자신이 속한 레이아웃에 따라 자동으로 크기가 조절됩니다. 하지만 frame 수정자를 사용하여 뷰의 크기나 영역을 조절 할 수 있습니다."

프레임은 해당 글과 같은 역할을 한다고 볼 수 있을거 같은데 아래 실습을 통해 추가적으로 이해를 해보려고 하면

 

  VStack(spacing: 20){

            Text("Hello World!")

                .font(.title)

                .background(Color.red)

                .frame(height: 100, alignment: .top)

            // 100프레임에 대한 컨텐츠는 위에 붙게됨

                .background(.orange)

                .frame(width: 200)

                .background(Color.purple)

                .frame(maxWidth: .infinity, alignment: .leading)

                .background(Color.pink)

                .frame(height: 400)

                .background(Color.green)

                .frame(maxHeight: .infinity, alignment: .top)

                .background(Color.yellow)

            

            }

 

실질적으로 뷰의 크기나 영역을 frame 함수를 통해 조각조각 붙여나가는 방식으로 구현한다.라고 정리될 거 같습니다. 제가 이해한 게 맞는지 궁금합니다. 이런 식으로 조각을 붙여가면서 구현을 하는 개념으로 이해해도 되는 건지...

ios swift swiftui

Answer 1

0

jacobko

안녕하세요 조승범님.

SwiftUI 에서 frame 은 View 타입 안에서 사용하는 Modifier 형태로서 .frame() 형태로 사용되어 지는데 위의 실습 코드를 통해서 보면 frame 형태 안에서 object 의 크기를 정한다고 보시면 됩니다.

위의 코드에서 프리뷰를 보시게 되면 조각조각 붙여 나간다고 보실수도 있는데요, 실제로는 code 순서에 따라서 중복되는 부분이 덮어 씌워 진다고 보시면 됩니다.

소리가 ㅠㅠ

0

54

2

index와 indexSet

0

60

2

NavigationBarItems Deprecated

0

96

3

Xcode version 문제

0

196

2

GalleryView 작성시, @State? @Bidnable? 의 차이점이 뭔지 궁금합니다.

0

303

2

페이지 이동에 관해 질문이 있습니다 !

0

339

2

scrollTransition 에서 phase 값을 찍어보고 싶습니다.

0

277

2

갤러리에서 슬라이더 변경시 gridSwitch 가 두번 실행됩니다.

0

307

2

유튜브 영상 플레이시 워닝 이슈 문의

0

521

1

ListBasic 강의 문의 - 딸기 id 오류 및 move 오작동

0

222

1

LazyGrid 강의 문의 - 데이터가 30개 인데 로우가 3줄이면 27개만 노출됨

0

269

1

ScrollView에서 질문 있습니다.

0

288

1

MVVM에서 처음

0

217

1

ExtractView, @Binding 강의에서 .previewLayout(.sizeThatFits) 함수 관련해서 질문드립니다.

0

337

2

iOS 15 버전이후 프리뷰 문제 관련해서 질문드립니다.

0

344

2

VStack으로 프리뷰 생성

0

394

2

MVVM 폴더 안에서 Preview가 작동하지 않습니다.

0

249

1

Preview 질문

0

415

2

LazyGrid 질문 있습니다.

0

338

1

Textfield 입력시 한글 자음 모음 분리 현상이 발생 합니다

1

6534

2

Sheet가 바로 닫히는 문제와 홈 화면 액션 관련 문의

0

290

1

NavigationView를 NavigationStack 으로 변경관련입니다.

1

359

1

Frame 강의에서 다른 결과물이 나와요

0

390

1

ShareLink에서 이미지 링크에서 이미지 크기 제한이 있나요?

0

319

2