ios30 [Swift] iOS 네이버 지도 SDK - 지도 뷰 커스텀 https://lsj8706.tistory.com/46 이전 글인 지도 마커(Marker) 커스텀에서 이어집니다. 기능 요구 사항 네이버 지도 SDK를 활용한 앱에서 지도를 커스텀한 과정을 공유해 보고자 합니다. 프로젝트의 주요 서비스는 달리기 코스를 직접 그리고 공유하는 기능이었습니다! 따라서 지도가 필요했고 저는 네이버 지도 SDK를 선택하여 사용했습니다. 당연하게도 디자이너분들이 SDK의 기본 UI가 아닌 저희 프로젝트만의 UI를 만들어 주셨고 저는 iOS 네이버 지도 SDK를 활용하여 요구사항에 맞는 지도 뷰를 구현해야 했습니다..! 위처럼 대충보기에는 비슷하지만 세부 기능과 형태가 다른 지도 뷰들이 요구사항으로 들어왔습니다. 마지막 5, 6번 뷰의 지도는 이미지 뷰입니다. 따라서 사용자가 그린 .. 2023. 7. 12. [Swift] iOS 네이버 지도 SDK - 마커 커스텀 최근에 진행한 프로젝트에서 네이버 지도 SDK를 사용하여 기능을 구현해야 했었습니다. 사용자가 직접 지도를 터치하여 달리기 코스를 그리는 것이 주요 요구사항이었습니다. 구현해야 하는 디자인은 다음과 같습니다. 요구사항 처음 입력받은 좌표는 출발지로 설정해야 한다. ➡️ 출발이라는 말풍선 이미지를 포함해야 하고 다른 마커들과 UI가 다르다. 특정 뷰에서는 출발지 마커에 말풍선이 없어져야 한다. 그 이후 사용자가 터치해서 생기는 마커들은 테두리가 있는 작은 원 모양이다. 위와 같이 크게 3개의 요구사항으로 정리할 수 있었습니다! 그렇다면 제가 구현해야 할 마커는 출발지 마커와 경유지 마커입니다. 구현 사용한 NMapsMap SDK 버전 : 3.16.1 네이버 지도 SDK는 다양한 기능을 제공하고 있고 마커.. 2023. 7. 12. [HIG] Components - Notifications https://developer.apple.com/design/human-interface-guidelines/notifications Notifications | Apple Developer Documentation A notification gives people timely, high-value information they can understand at a glance. developer.apple.com 알림은 사람들이 한눈에 이해할 수 있는 시기적절하고 중요한 정보를 제공한다. 사용자들에게 알림을 보내려면 먼저 동의를 받아야한다. (개발자 가이드) 설정에서 수신하려는 알림의 스타일을 지정하고 긴급성 수준에 따라 알림의 전달 시간을 지정할 수 있다. (Managing Notifications).. 2023. 6. 27. Adopting Swift Packages in Xcode https://developer.apple.com/videos/play/wwdc2019/408/ Adopting Swift Packages in Xcode - WWDC19 - Videos - Apple Developer Swift packages are a great way to organize and share code, and are now supported while building apps for all Apple platforms in Xcode 11... developer.apple.com 목차 1. Using an open source package Swift package manager를 이용해 패키지를 설치하는 과정을 설명해 주는 파트입니다. 관련 글들은 워낙 많기 때문에 생략하겠습니다... 2023. 6. 14. [HIG] Components - Toggles https://developer.apple.com/design/human-interface-guidelines/toggles Toggles | Apple Developer Documentation A toggle lets people choose between a pair of opposing states, like on and off, using a different appearance to indicate each state. developer.apple.com Toggles 토글은 사용자에게 각 상태를 나타내기 위해 반대되는 모양을 사용하여 반대되는 상태의 한쌍을 선택할 수 있도록 한다. UIKit에서는 UISwitch, SwiftUI에서는 Toggle이라고 부르는 UI이다. 플랫폼마다 다양한 토글.. 2023. 5. 11. [HIG] Components - Scroll views https://developer.apple.com/design/human-interface-guidelines/scroll-views Scroll views 스크롤 뷰를 사용하면 콘텐츠를 가로 또는 세로로 이동하여 뷰의 바운더리보다 더 큰 콘텐츠를 볼 수 있도록 할 수 있습니다! 스크롤 뷰 자체적으로는 appearance가 없다. 그러나, 액션에 대한 추가적인 정보를 제공하는 반투명한 스크롤 막대 또는 인디케이터를 보여줄 수 있다. 인디케이터의 위치는 콘텐츠의 visible portion이 시작, 중간 또는 끝에 가까운지 여부를 나타낸다. 인디케이터의 높이는 뷰에서 스크롤할 수 있는 콘텐츠의 총 양을 알려주며, 인디케이터가 짧을수록 스크롤할 콘텐츠가 많다는 의미이다. Best practices 디폴트 스.. 2023. 5. 5. 이전 1 2 3 4 5 다음
