SwiftUI의 기초 (Text, Image 등)


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
            Text("Hello, World!11")
                .foregroundColor(.blue)
            
            Text("asdfasdf")
                .foregroundColor(.red)
                .padding()
            
            Text("asdfasdgaskd")
                .foregroundColor(.green)
                .bold()
                .italic()
            
            Image("TestImage")
                .resizable() // 사이즈 변경. 리사이즈를 할 경우 해당 값을 먼저 호출해야 함.
                .aspectRatio(contentMode: .fit) // 비율 유지한 상태로 최대로 벌리기
                .frame(width: 100, height: 200// 프레임 사이즈 변경
                .clipShape(Circle().inset(by: 5))   // 원하는 형태로 잘라내기
            
            
            Image(systemName: "star.circle")    // 시스템 심볼. iOS 13 이상만 가능.
                .imageScale(.large)
                .foregroundColor(.red)
cs



SwiftUI의 기본을 알아가는 항목이다.


기본적으로 코드로 UI를 짤 수 있는 새로운 기능이다. iOS 13 이상에서만 동작한다.


무엇보다 지금 알아두어야 할 것은, 각 라인의 위치에 따라 같은 문법이라도 달라진다는 것이다.


마치 더하기를 먼저하고 곱하기를 한 것과, 곱하기를 먼저 한 후 더하기를 한 것의 결과는 크게 달라지는 것 처럼.


프리뷰 단축키는 Command + Alt + P 이다. 알아두자.

'Developer > SwiftUI' 카테고리의 다른 글

SwiftUI의 기초 (Text, Image 등)  (0) 2020.06.29

이 글을 공유하기


댓글(0)

Designed by CMSFactory.NET