네이버 지도의 Bottom Sheet 구현 UIPanGestureRecognizer를 사용하여 사용자의 터치에 따른 화면(View or ViewController)의 이동 구현아이디어 UIPanGestureRecognizer를 이용하여 띄워놓은 view를 사용자의 터치 이벤트에따라 view를 움직이게 하는 bottomSheet를 구현하고자 했습니다. 구현과정에서의 오류 UIPanGestureRecognizer의 동작방식에 대한 이해부족 UIPanGestureRecognizer는 superView와의 관계를 통해 bottomSheetView의 위치를 잡도록 되어있습니다. 하지만 이 부분을 놓쳐 bottomSheetView의 독자적인 height constraint를 변경하여 구현 하려고 했고 실행 결과 몇..
앱스토어 게임 탭 (컴포지션 레이아웃 사용) Compositional Layout은 collectionView의 레이아웃에 관여합니다. 각 section에 group과 item은 fractionalWidth, height로 화면이나 그룹의 크기에 비례해 넓이와 높이를 갖기 때문에 다른 종류의 기기에서도 동일한 화면을 보여줄수 있습니다. collectionView는 scrollView의 하위뷰이므로 scrollViewDidScroll(_ scrollView: UIScrollView) 메소드 내에서 contentOffset.y가 음수가 될 경우 첫번째 section의 headerView의 title에 접근하여 폰트사이즈를 키울 수 있었습니다. 결과화면
네이버 웹툰 홈 화면 (세그먼트 컨트롤 사용, 하단 바 중점) 페이지 뷰 컨트롤러를 사용하여 페이징되는 화면을 구현하고 좌우 스크롤시 x값에 따라 움직이는 언더바를 어떻게 구현할지 생각해본다. 구현 아이디어 SegnmentControl 과 UIPageViewController를 이용하여 제스처나 버튼을 통해 페이지 이동시 segmentControl 의 언더바 또한 페이징 동작에 맞춰 동적으로 이동할 수 있게 하였다. 구현과정 먼저 세그먼트 컨트롤을 커스텀 하는 과정입니다 (참고: https://ios-development.tistory.com/963) import UIKit class UnderlineSegmentedControl: UISegmentedControl { //underlineView 추가(..
구현 아이디어 전체 스크롤 뷰에 imageView와 bottomView가 있으며 최상단에서 아래로 스크롤시 imageView의 Top은 고정되어 있어고 bottomView의 Top과 imageView의 Bottom이 붙어 이미지가 확대된다. 또한 위로 스크롤시 하나의 ScrollView에 있는것과 같이 imageView와 BottomView가 붙어 스크롤 되는 형태를 구현 하고자 했다. 구현과정 기본적인 ScrollView와 같이 imageView와 BottomView를 담되 imageVIew의 Top의 제약조건을 통해 아래로 스크롤시 imageView를 고정시키려고 했으나 전체가 스크롤되지 않는 현상이 계속 발생하였고 ScrollView의 동작 방식을 잘못 이해하고 구현했다. 중요포인트 frameLay..
