SwiftUI35 SwiftUI를 이용한 글자 나타내기 (Text) SwiftUI 에서 글자를 그대로 나타내려면 Text 뷰를 이용하면 된다. modifier 를 사용하여 폰트로 글꼴을 구성할 수 있다. 기본 코드 struct ContentView: View { var body: some View { VStack { Text("Just bacause something doesn't do what you planned it to do doesn't mean it's useless.") .frame(width: 100) } } } 실행 화면 속성 frame : Text 의 공간을 정하고, 줄 바꿈, 크기 조정 등을 구성하게 한다. multilineTextAlignment : 여러 줄의 텍스트 표시 정렬 방식 lineLimit : 표시할 줄 수 lineSpacing : 텍스트.. 2022. 11. 23. SwiftUI를 이용한 피커 사용하기(Picker) 레이블을 선택 도구에서 내용 선택 목적을 시각적으로 설명하는 보기로 설정한 다음 선택 도구에서 표시할 내용을 제공한다. 기본 코드 import SwiftUI struct ContentView: View { var cities = ["서울", "부산", "대구", "울산"] @State private var selectedCity = "서울" var body: some View { VStack { Picker("원하는 색을 골라주세요", selection: $selectedCity) { ForEach(cities, id: \\.self) { Text($0) } } Text("당신은 '\\(selectedCity)'을 선택하였습니다.") } } } 실행 화면 Picker Style DefaultPickerS.. 2022. 11. 21. SwiftUI를 이용한 스크롤 화면 그리기 (ScrollView) 뷰를 그리면 휴대폰의 세로 높이를 넘길 정도로 뷰가 들어갈 수 있다. 그럴 때 화면이 스크롤이 되어 내부에 배치한 콘텐츠에 맞게 자동으로 크기가 조정되고 안전 영역을 피하기 위해 추가 삽입물을 자동으로 추가한다. 기본 코드 ScrollView() { VStack { ForEach(1.. 2022. 11. 20. SwiftUI를 이용한 조종바 구현하기(Slider) 유튜브에서 소리조절 버튼을 클릭을 하면 소리를 조절할 수 있는 화면이 나타난다. 그럴때 사용하는 조종바를 SwiftUI에서는 Slider를 이용해 구현한다. 기본 코드 struct ContentView: View { @State private var sliderValue = 0.0 var body: some View { VStack { Slider(value: $sliderValue, in: -100..100, step: 1) Text("\(sliderValue)") } } } value : Slider로 값을 조정할 때 값을 담는 변수다. in : 슬라이더의 범위 step : 슬라이더를 이동할 때 값을 변경하는 정도다. 실행 화면 슬라이더의 색상 추가하기 Slider(value: $sliderValue.. 2022. 11. 16. 이전 1 ··· 3 4 5 6 7 8 9 다음
