Watchos Swiftui Project Circle Timer 만들기_2(SwiftUI, CoreGraphics, Shape) Circle Timer 만들기_2(SwiftUI, CoreGraphics, Shape) 앞선 포스트에서는 Path를 사용화 화면을 그렸다. 타임 타이머와 유사한 화면을 그렸다. 이번 포스트에서는 Shape를 사용해 이전에 구현했던 것과 같은 화면을 그리려 한다. Shape와 Paths의 차이는 앞선 포스트를 설명했다.
Watchos Swiftui Project Circle Timer 만들기(SwiftUI, CoreGraphics, Paths) Circle Timer 만들기(SwiftUI, CoreGraphics, Paths) 목표 타임 타이머 형태의 원형 뷰를 만든다. 사용자의 움직임에 따라서 각도를 변경한다. 원 그리기 타임 타이머 Mod 의 핵심은 시각적으로 붉은색 원이 줄어드는데 있다. 따라서 자유 자제로 저
Swiftui Ios SwiftUI - Paths와 Shapes SwiftUI - Paths와 Shapes SwiftUI: Paths vs. Shapes SwiftUI에서 도형을 그릴 일이 생겼는데 구글링 해보면 사람들마다 방법이 다양하다. SwiftUI에서는 크게 2가지 방식으로 도형을 그린다. Paths - 도형의 외곽선을 포함하는 구조체 Shape - 단일
Swiftui SwiftUI, Combine, MVVM 2) - Financing UI SwiftUI, Combine, MVVM 1) - Financing MVVM을 중점으로 저번 포스트-Financing)에서 SwiftUI를 사용해 예제 디자인의 절반 정도 화면을 만들어보고 State를 이용해 MVVM viewModel을 만들어봤다. 사실 저번에 만든 viewModel은 MVVM 아키텍처를 구체화했다고 하기 뭐할 정도로
Swiftui SwiftUI, Combine, MVVM 1) - Financing UI SwftUI, Combine MVVM - Financing 이전 포스트에서는 주로 SwiftUI를 공부하면서 화면을 디자인해보는 작업을 진행했었다. 이런 연습은 예전에 Flutter를 공부할 때 어느 유튜버가 매일매일 화면을 만드는 영상을 올렸던 것을 보고 따라 하기 시작한 것으로
Swiftui SwiftUI 화면 만들기 - Old Age Home App SwiftUI 화면 만들기 - Old Age Home App https://dribbble.com/shots/7074019-Old-Age-Home-App 원본 인트로 화면 구현 화면 전체를 덮는 이미지, 상 하단 세이프 에어리어 무시 상단 앱 제목과 설명 노출 하단 시작 버튼 배경 전체를 덮는
Swiftui SwiftUI 화면 만들기 - Challenges App SwiftUI 화면 만들기 - Challenges App 이미지 출처: https://dribbble.com/shots/7047168-Challenges-App 원본 1. 화면 분석 상단 전형적인 SwiftUI의 네비게이션 뷰 형태 타이틀을 제외하고 오른쪽에 검색 버튼 중단 횡 스크롤의 ListView 사용 카드 이미지는 새로 비율