Post

스위프트(Swift)로 만든 iOS용 스탑워치(StopWatch) 앱 예제

Posted
By ayaysir
2 min read

[rcblock id=”4560”]

스위프트(Swift)로 만든 iOS용 스탑워치(StopWatch) 앱 예제

사용 도구

Swift, Xcode

 

깃허브 링크

https://github.com/ayaysir/iOS-StopWatch

 

제작 시기

(iOS) 2020.2.26 ~ 2020.3.5 (WatchOS) 미정

 

주요 기능
  • 스탑워치 기능: 시작, 일시정지, 종료 등
  • 로그 기록 및 조회 기능
  • 사용자가 스탑워치 스타일(색상, 폰트, 사이즈)을 꾸밀 수 있음

 

스크린샷

[caption id=”attachment_2311” align=”alignnone” width=”415”] 첫 화면, 시간 표시 부분은 사용자가 스타일을 지정할 수 있습니다.[/caption]

 

 

[caption id=”attachment_2312” align=”alignnone” width=”684”] 오랜 시간에도 정상 동작합니다. (만들기 중간 단계에서의 사진)[/caption]

 

 

[caption id=”attachment_2313” align=”alignnone” width=”413”] 시작, 일시정지, 리셋 등의 모든 기록을 로그로 남기고 조회할 수 있는 기능[/caption]

 

https://media.giphy.com/media/fYk5Is2qHoWJOBRV2i/source.mp4

최초로 앱을 실행하고 시작 버튼과 종료 버튼을 누른 뒤, 로그 확인 GIF

 

https://media.giphy.com/media/QvMIfopEOpc2mgLAQA/source.mp4

일시정지 및 재개 기능 GIF

 

https://media.giphy.com/media/ZEg8e5aSnmPeQDLxrl/source.mp4

정지(리셋)된 상태에서 다시 시작 버튼을 누르면 0초로 복귀 GIF

 

[caption id=”attachment_2314” align=”alignnone” width=”466”] 스탑워치 시간 표시 부분의 스타일을 사용자가 설정하고 저장할 수 있습니다. 색상 팔레트를 이용해 색상을 선택하고, Font 부분에서는 현재 iOS에서 이용할 수 있는 모든 폰트의 리스트가 표시되며, 사이즈도 조절 가능합니다.[/caption]

 

https://media.giphy.com/media/fuVE3h4YkNURUpR3Ak/source.mp4

스탑워치 사용자 스타일 조절 GIF

DevLog, 포트폴리오
This post is licensed under CC BY 4.0 by the author.