본문 바로가기

분류 전체보기

iOS 2020. 5. 15. [iOS] 화면전환 애니메이션 커스텀하기 - CGAffineTransform, animateTransition [1] 오늘은 CGAffineTransform을 이용한 애니메이션과, 트랜지션 애니메이션을 공부해보겠습니다! 1. CGAffineTransform CGAffineTransform은 아핀 행렬을 이용한 아핀 변환이라고 합니다. 무슨 말인가..? Affine은 2D 객체를 이동시키는 벡터인데요, 2D, 3D 구조에서의 아핀행렬 혹은 축의 구조에 대해서 알고 계시다면 도움이 되지만, 몰라도 괜찮았습니다! 사용할 때는, 구조체의 함수를 이용해서 뷰를 이동하게 하는 형태라고 생각하시면 좋겠습니다. 구조체에는 세가지 이동 메소드가 존재합니다. 1. 이동(Translate) 2. 조절(Scale) 3. 회전(Rotate) 또한, 위 세가지를 혼합해서 사용할수도 있습니다. 간단히 사용해 보겠습니다. func makeView(..
iOS 2020. 5. 9. [iOS] SideBar 오늘은 iOS에서도 많이 사용하는 SideBar를 만들어보겠습니다! 해당 그림과 같은 모습입니다. Hamburger Button이라고 하는 버튼을 누르면 화면이 슬라이딩되며 나타납니다. 만드는 방법은 https://lidium.tistory.com/15에서 포스팅한 방법과 비슷하게 하려고 합니다. 저번에 만들었던, ActionSheet와 같은 느낌으로 만들 예정이에요. ActionSheet는 밑에서 위로 나왔다면, SideBar는 버튼을 토글하면 사이드바 뷰가 왼쪽에서 오른쪽으로 슬라이딩되게 만들 것입니다. 구조는 크게 세가지인데, SideBar의 Model SideBar의 구현부인 SideBarLauncher, Launcher 안에 TableViewCell 혹은 CollectionViewCell입니다...
iOS 2020. 5. 2. [iOS] Calendar (2) 이번주는 캘린더의 UI 그리기 편입니다. 고려해야 할 내용은 주로 1) 매 달 1일이 무슨 요일에 시작하는지 2) 매 달 해당 일수를 어떻게 그려야 하는지 입니다. Xib와 CollectionView로 구성하였습니다. 궁금한 점이나 오류가 있다면 댓글 부탁드립니다! * Xib : CollectionView, CollectionView Cell. 1) 매달 1일이 무슨 요일에 시작하는지 저번 편에서 언급한 바와 같이, 해당 요일의 인덱스는 .weekday 컴포넌트로, Calendar.current.component(.weekday, from: Date()) 와 같이 받아올 수 있었습니다. 리턴형은 Int로, 일요일은 1부터, 토요일은 7이었습니다. 예를 들면 2020-04-01은 4(수요일) 이였습니다. ..
iOS 2020. 4. 25. [iOS] Calendar (1) 오늘은 캘린더를 만들어 볼 거예요. 아마도 이번 주와 다음 주. 안드로이드는 Java의 Calendar 클래스를 이용하면 구현할 수 있는데, iOS는 이렇게 어려운지 이번에 알았어요....... 추천 라이브러리 : · https://github.com/patchthecode/JTAppleCalendar patchthecode/JTAppleCalendar The Unofficial Apple iOS Swift Calendar View. Swift calendar Library. iOS calendar Control. 100% Customizable - patchthecode/JTAppleCalendar github.com · https://github.com/WenchaoD/FSCalendar Wencha..
iOS 2020. 4. 18. [iOS] LinkPresentation 이번주에는 굉장히 생소할 수도 있는 주제를 골랐습니다. 프로젝트를 하나 기획했는데, (비록 물거품이 되었지만) 그 주제에서 필요했던 기능이었습니다. 무위로 돌아갔지만 재미있는 기능이겠고, View를 Custom하거나 Library를 사용해야 할 법 한 기능인데 기본 컴포넌트여서 놀랐고,,, 흥미가 생겨서 공부해보기로 했습니다. 오늘의 주제는 바로, URL link Preview입니다. 예를 들어, 티스토리에 제 블로그의 링크 https://lidium.tistory.com/ lidium iOS, Unity3d, 가까운 미래에 CV. lidium.tistory.com 을 치면 나오는 위와 같은 프리뷰를 만들고자 했습니다. 구글링을 했더니, 트위터에서 링크를 치면 저렇게 비슷하게 된다고 해서 (트위터 미사용..
iOS 2020. 4. 11. [iOS, Crecker] ActionSheet, 위와 같은 형태를 ActionSheet라고 하고, 저렇게 커스텀된 요소들이 있지만, 좀 더 커스텀이 되기를 원합니다. 예를 들면 이렇게 생겼습니다. 선택된 항목은 Bold도 되어야 하고, 배경도 흰색으로 꽉 채워야 합니다. 예쁘게 만들어 보겠습니다. 누르면 아래에서 위로 애니메이션 되며 뷰를 띄워줘야 합니다. 스토리보드로는 한계가 있습니다 (스토리보드로 이런거 어떻게 만들어야할지 사실 감이 잘 안오기도 합니다) 따라서 코드로 만들어 보았습니다. CollectionView를 사용하였습니다. class Setting: NSObject { let name: SettingName init(name: SettingName) { self.name = name } } Setting에 필요한 객체를 미리 enum이나 ..
iOS 2020. 4. 4. [Crecker, iOS] PageViewController (android : ViewPager) 저번주에 이어서, ViewPager 만들고 있습니다. 동시에 ActionSheet도 만들고 있는데, 그거는 다음주 주제로 하기로 했습니다...ㅎㅎ. 구조를 말씀드려 보겠습니다 안드로이드의 ViewPager를 구현해야 합니다. 보통 SegmentedControl을 Custom해서 구현하지만, 한번 다르게 구현해 보았습니다. 1. All, Daily, Support는 각각 CollectionView 안의 CollectionViewCell 입니다. 2. 그 밑의 탭들은 ContainerView입니다. 3. ContainerView는 UIPageViewController를 가지고 있습니다. 이 뷰를 만들어 보면서 여러개 방법이 있다는 것을 알게 되었는데, 그중에서 이 친구가 가장 저에게 적합했습니다. 이유 : ..
iOS 2020. 3. 28. [Crecker,iOS] Swift ViewPager 구성 안드로이드에는 기본적으로 ViewPager가 있다. 하지만, 이와 같은 형태는 iOS에 없다. 그래서 구현을 해주거나, gif와 같이 XLPagerTabStrip Library를 사용하거나, HIG에 맞게 사용하는 방법이 있다 - Segmented Control 그런데 보니까 Crecker에 구현해야 하는 기능들을 거의 마무리해가고 있는데, 이상한 놈을 하나 만났다. 앱잼중이라면 중간에 선을 빼는게 어떻겠냐 하겠지만 지금은 앱잼중이 아니기도 하고 뭔가 할 수 있겠다는 (?) 그런게 있었나보다. 그런데 하다보니 그렇지 않았다. 이유 : 1) 신청 - 배정 - 검토 - 완료 사이에 선 2) 밑에 밑줄 저거 왜 평행 사변형...? 이러한 이유로 보통 저런 뷰를 커스텀할때 사용하는 Segmented Contro..
iOS 2020. 3. 21. [iOS] 8주차) Coredata 서버를 안쓰고 프로젝트를 구현하는 방식은 몇가지 있는데, 1) Coredata 2) UserDefault 3) SQLite 오늘은 Coredata를 이용해서 내부DB를 사용해볼 것입니다! Coredata는 iOS 10 이상의, 특정 템플릿에서 Coredata를 지원합니다. 이 중 SingleView App은 Coredata를 지원하니, 이를 이용해서 실습을 해보겠습니다. 실습은 https://www.raywenderlich.com/7569-getting-started-with-core-data-tutorial 을 통해서 했는데, 코드 구현은 간단한 테이블 뷰로 되어 있습니닷 오역이 있다면 말씀해 주십쇼 Coredata를 선택하면, 오른쪽과 같이 Xcdatamodeld이라는 확장자를 가진 파일이 생성됩니다..

티스토리툴바