생활 iOS

상세화면그리기

토픽 생활 iOS > Level 2 > 팁앱

개발환경

iOS 16.0 이상

목표

“iPhone 탐색하기” 페이지의 상세페이지를 구현해봅시다.

사용

Image, Label

Gradient

완성 화면

** 미세한 차이가 있을 수 있어요 **

고민해봐요

Q : 상세페이지 상단의 뷰에 그라데이션은 어떻게 넣을까?

⇒ LinerGradient(colors : )

코드 맛보기

  • 뷰의 바탕화면에 그라데이션 넣기
import SwiftUI

struct ContentView: View {

    var body: some View {
		   VStack {
            Image(systemName: "hand.draw.fill")
                .resizable()
                .scaledToFit()
                .frame(width: 60)
            Text("제스처 및 버튼을 찾아보고 iPhone을 손쉽게 탐색해보세요.")
                .font(.system(size: 12))
        }
        .frame(maxWidth: .infinity, minHeight: 230)
        .listRowBackground(LinearGradient(colors: [.blue, .gray], startPoint: .leading, endPoint: .trailing))
        }
    }
}

 

댓글

댓글 본문