hyun9iOS

위젯의 배경에 투명도를 부여해서 단순 불투명한 배경을 만드는 것이 아니라 아래와 같은 블러처리 같은 느낌을 구현해보고자 했습니다. (애초에 다크모드에 따른 위젯의 기본 배경도 변경되고 이는 바꿀 수 없습니다. 대신, 위에 색을 가진 뷰를 하나 얹는 것이죠...) 결론적으로 얘기하면 써드파티의 앱이 구현하도록 지원하지 않고 있습니다. 비슷한 질문은 여러 포럼에서 등장하였지만, 지원하지 않는 기능라고 답변을 주고 있었습니다. 뿐만 아니라 위젯의 배경자체를 투명하게 만들 수 없었습니다. (위젯 자체의 기본 배경을 라이트모드는 하얀색, 다크모드는 검정색으로 지원하고 있었습니다. 또한, background 와 관련된 modifier 를 어디에 위치시키든 조정할 수 없었습니다🥲) Blurred widget back..

WWDC22 - Hello Swift Charts *본 글은 WWDC 를 보고, 번역 및 요약 그리고 실행해보는 스터디 프로젝트의 일환입니다. SwiftUI 에서 차트를 만들기 위한 Apple 의 새로운 프레임워크입니다. (iOS 16.0+, iPad 16.0+, macOS 13.0+, Mac Catalyst 16.0+, tvOS 16.0+, watchOS 9.0+ 부터 사용이 가능합니다.) Apple 에서는 시각화를 위한 모범 사례를 연구하는데 수년을 보냈습니다. 차트는 특정 시간 범위에 대한 트랜드와 주가 변동, 마지막 운동 중 심박수, 저녁 시간에 시원해질 때와 같은 데이터에 대한 추가적으로 유용한 컨텍스트를 표시할 때 가장 잘 작동하는 것을 배웠습니다. 그리고 이것들은 모든 플랫폼의 많은 예 중 ..

ViewBuilder Closure에서 View를 구성하는 custom parameter attribute 그럼이제 앞에서 말한 예를들어 HStack View Builder 는 무엇이냐! 다음은 HStack 의 이니셜라이저입니다. @inlinable public init(alignment: VerticalAlignment = .center, spacing: CGFloat? = nil, @ViewBuilder content: () -> Content) 어... body 라는 단어는 뭔가 있나요? 왜 var body 만 가능해요? body 를 사용하지 않으니 protocol 을 채택하지 못한다고 에러가 나오네요! body 는 암시적으로 @ViewBuilder 로 선언되어있기 때문에 클로저에서 뷰를 구성할 수..

내용 Podcasts New&Noteworthy(최신 및 추천 항목) 아이템을 길게 누르면 등장하는 이것에 대해서 알아보자! 앞서, Menu 구조체를 통해서 위와 비슷한 메뉴창을 구현해보았습니다. SwiftUI) Podcasts 클론코딩 - Menu 구현 그런데, Menu 와 동일한 menu 창을 띄우지만 해당 뷰가 불투명한 배경을 가진채 부각되는 점이 다릅니다. 그래서 HIG 에서 안내해준 Context Menu 라고 판단했습니당! Context Menu 에 대해서 HIG 로 알아보자! 🔥 HIG - Context Menus iOS 13 이후부터 인터페이스를 복잡하게 만들지 않고, onscreen items 와 관련된 추가 기능에 액세스할 수 있도록 할 수 있습니다. Context menus 는 Pee..

내용 SwiftUI 사용해서 Podcasts(팟캐스트) 앱의 클론코딩을 진행했다. 아래의 Menu 를 구현해보자! 해당 컴포넌트는 Menu 이다. 개발자 문서를 통해서 알아보자. Menu A control for presenting a menu of actions. Overview 다음 코드는 세 개의 버튼으로 구성된 Menu 와 세 개의 버튼을 포함하는 하위 메뉴를 보여줍니다. // action 은 커스텀 메서드입니다. Menu("Actions") { Button("Duplicate", action: duplicate) Button("Rename", action: rename) Button("Delete…", action: delete) Menu("Copy") { Button("Copy", action..

var body: some View { Image("featuredImage1") .resizable() .scaledToFill() .cornerRadius(5) // overlay 를 통해서 border 를 추가할 수 있다. .overlay(RoundedRectangle(cornerRadius: 5) .stroke(Color.secondary, lineWidth: 0.2)) } }

내용 ForEach 로 리스트를 구성하던 중 랭킹이 필요했다. 랭킹은 해당 topShows(array 데이터) 의 index 로 다루면 되기 때문에 데이터에 포함시키지 않았다. 그런데 다음과 같은 경고가 등장했다. 무엇일까? 🔥 Non-constant range: argument must be an interger literal Non-constant range: not an integer range 둘다 일정하지 않는 범위(상수 범위가 아니다.)라면서 경고를 던집니다. topShows 현재 이니셜라이저를 통해서 초기화 받는 var 로 선언되어 있습니다. .indices : 오름차순의 컬렉션을 subscribe 하는데 유효한 인덱스 해결? id 파라미터를 등록해주었더니 경고가 사라졌습니다. struct ..

내용 카카오톡 QR코드, 프로필 위젯을 만들어보겠다. 위젯과 앱간의 프로필(이름, 이미지) 데이터 공유로 다음과 같은 프로필 위젯 만들기 시작전 위젯은 기능이 제한적이며 interactive 하지도 않지만 우리는 앱과 위젯이 데이터를 공유하기를 원할수도 있다. 🤒 App 과 Extension 간의 관계 App Extension Programming Guide 를 살펴보면 App 과 Extension 간의 관계를 볼 수 있다. extension's bundle 이 containing app's bundle 내에 중첩되더라도 실행중인 app extension 과 containg app 은 서로의 contatiner 에 접근할 수 없다. 하지만 데이터 공유를 활성화 할 수 있다. containin app 과 ..