swift ui 제작하기 1

view를 상속받는 ContentView에서 편집합니다

폰트를 bold로 하기

.fontWeight(.bold)

그 외 폰트사이즈 조절하기 등등은 구글링 (swift ui font size)와 같이 해결합니다

 

VStack: 세로로 나열

HStack: 가로로 나열

그 밑에도 마찮가지로 .을 찍고 자세한 설정(크기, 색상) 가능

 

그 이후 MystackView로 따로 묶어서 메소드만 추가 시킨

//
//  ContentView.swift
//  Shared
//
//  Created by Yongsoo Chang on 2022/02/18.
//

import SwiftUI

struct ContentView: View {
    var body: some View {
        
        
        HStack{
            
            
            MyVstackView()
            MyVstackView()
            MyVstackView()
        }//Hstack
        .padding(20.0)
        .background(Color.yellow)
    }
}

struct MyVstackView: View {
    var body: some View {
        VStack{
            Text("1")
                .fontWeight(.bold)
                .font(.system(size: 50))
                .padding()
            Text("2")
                .fontWeight(.bold)
                .font(.system(size: 50))
                .padding()
            Text("3")
                .fontWeight(.bold)
                .font(.system(size: 50))
                .padding()
        }
        .background(Color.red)
    }
}


struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ContentView()
.previewInterfaceOrientation(.portrait)
            ContentView()
        }
    }
}

가장 기초적인 swift ui contentview