SwiftUI107 [58] List Swipe Actions ⭐️List Swipe Actions⭐️ 굉장히 마음에 드는 모디파이어다..! 원래 기존에는 delete밖에 없었는데, 이제는 leading과 trailing에 원하는 버튼을 다 넣을 수 있다. // Created by Toughie on 2023/05/12. // import SwiftUI struct ListSwipeActionsPrac: View { @State var fruits: [String] = [ "Apple", "Orange", "Banana", "Watermelon" ] var body: some View { List { ForEach(fruits, id: \.self) { //fruit in 대신 $0으로 클로저 최적화 Text($0) //스와이프 액션 추가! .swipeActions.. 2023. 5. 12. [57] .buttonStyle / .controlSize / .buttonBorderShape ⭐️.buttonStyle / .controlSize / .buttonBorderShape⭐️ 버튼의 스타일, 사이즈, 경계선의 모양을 변경할 수 있는 모디파이어들이다. 사실 애초에 버튼은 커스텀 하기가 너무 편했기 때문에 그렇게 유용한 지는 잘 모르겠다. 🤔 // Created by Toughie on 2023/05/12. // import SwiftUI struct ButtonStylesPrac: View { var body: some View { VStack { Button("plain") { } .frame(height: 55) .frame(maxWidth: .infinity) //레이블의 사이즈에 따라 조절됨 //프레임 크기랑 상관없음 .controlSize(.regular) .buttonSty.. 2023. 5. 12. [56] TextSelection / Window, Scene ⭐️TextSelection / Window, Scene⭐️ 텍스트를 꾹 누르면 복사 할 수 있고, 공유도 할 수 있는 textselection에 대해 알아보자. // Created by Toughie on 2023/05/11. // import SwiftUI struct TextSelectionPrac: View { var body: some View { Text("Hello, Toughie!") .textSelection(.enabled) } } 단순한 모디파이어 하나로 액티비티뷰까지 띄울 수 있다니.. 파격적이다... + 텍스트를 탭했을 때 액티비티뷰를 띄울 수 있는 코드 // Created by Toughie on 2023/05/12. // import SwiftUI struct ActivityV.. 2023. 5. 12. [55] Background Materials ⭐️Background Materials⭐️ 애플만의 갬성.. 뒷배경이 불투명하게 블러효과처럼 보이는 글래스 모피즘 디자인을 Material을 통해 간단하게 구현할 수 있다. // Created by Toughie on 2023/05/11. // import SwiftUI struct BackgroundMaterialPrac: View { var body: some View { VStack { Spacer() VStack { RoundedRectangle(cornerRadius: 4) .frame(width: 50, height: 4) .padding(.top) VStack { Spacer() Text("Apple Style") Spacer() } Spacer() } .frame(height: 350) .. 2023. 5. 11. [54] AsyncImage / @unknown ⭐️AsyncImage / @unknown⭐️ AsyncImage는 SwiftUI에서 이미지를 비동기적으로 로드하는 데 사용되는 뷰이다. 이미지를 로드하는 동안 UI를 멈추지 않고 사용자 경험을 향상시킬 수 있다.(검은 화면만 보이면 유저는 어떤 상황인지 알지 못함) *URL(Uniform Resource Locator 또는 통칭 web address, 문화어: 파일식별자, 유일자원지시기) 네트워크 상에서 자원이 어디 있는지를 알려주기 위한 규약 *캐시(cache) - 데이터나 값을 미리 저장해 놓는 임시 저장소. 데이터가 캐시에 저장되어 있다면 다음에 데이터에 접근할 때 더 빠르게 데이터를 가져올 수 있다. (캐시 삭제) 캐시는 데이터를 빠르게 가져올 수 있어서 앱 성능 향상에 도움이 된다. 네트워크 .. 2023. 5. 11. Data Essentials in SwiftUI #WWDC20 https://developer.apple.com/videos/play/wwdc2020/10040/ 0. Data for a new view What data does this view need to do its job? How will the view manipulate that data? (데이터가 변하는가 안변하는가? _var let) Where will the data come from? * Source of Truth struct BookCard: View { let book: Book let progress: Double var body: some View { HStack { BookCover(book.coverName) VStack(alignment: .leading) { TitleText(.. 2023. 5. 10. 이전 1 ··· 5 6 7 8 9 10 11 ··· 18 다음
