김종권의 iOS 앱 개발 알아가기

그라데이션 주는 방법Swift에서 그라데이션을 주려면 뷰의 layer에 CAGradientLayer을 추가하여 적용 필요때문에 그라데이션 효과를 주는 CAGradientLayer와 이것을 UIView가 필요let gradationView = UIView()let gradientLayer = CAGradientLayer()gradientView.layer.addSublayer(gradientLayer)또 layoutSubviews와 같은 화면의 크기가 결정되었을때 호출되는 시점에 gradientLayer의 frame 업데이트가 필요override func viewDidLayoutSubviews() { super.viewDidLayoutSubviews() gradientLayer.frame = g..

* 이 글보다 더 깔끔하게 UI를 구현하고, 온라인 상태를 암시해주는 썸네일을 구현한 포스팅 글은 이 링크 참고 구현 아이디어 원에 강아지 넣기 UIView안에 UIImageView를 넣고, UIImageView의 autolayout을 통해 superview와 일정 간격 떨어뜨려서 흰색 여백을 생성 테두리 그라데이션 UIImageView의 superview인 containerView.layer에 CAGradientLayer()를 넣어서 그라데이션 입력 그라데이션 색상은 CAGradientLayer()에서 설정하고, 테두리 윤곽선을 따라서 그려지는 레이아웃은 CAShapeLayer()를 통해 레이아웃을 구해서 사용 원에 강아지 넣기 VC 준비 import UIKit class ViewController: ..

CAGradientLayer CALayer의 subclass이며, background 색상이나 layer의 색상을 gradient으로 만들 수 있는 인스턴스 gradient 종류는 3가지가 존재 axial (linear) radial (circle) conic (sweep) gradient를 사용할 때 핵심은 프로퍼티 locations [NSNumber] 위치 값 예시) [0, 0.5, 1] - 0번까지 첫 번째 색, 0.5까지 두 번째 색, 1까지 세 번째 색 startPoint, endPoint 값 axial일때 - (0,0)은 좌측 상단, (1,1)은 우측 하단 radial일때 - (0,0)은 원 내부 중심, (1,1)은 원 바깥 테두리 conic일때 - (0,0)우측하단, (1,1)은 (0,0)에..

CABasicAnimation layer에 관련된 싱글-키프레임 애니메이션 모든 뷰들이 가지고 있는 CALayer에 애니메이션을 줄 수 있는 방법이며, 뷰를 이동시키거나, 흐리게하거나 등의 다양한 기능 구현 가능 opacity colors locations fillColor strokeEnd rotation 기타 모든 종류의 키들을 extension으로 구현해놓은 아래 링크 참고 https://stackoverflow.com/questions/13913101/cabasicanimation-keys cf) CAKeyFrameAnimation도 위 종류들을 모두 사용할 수 있고, 레이어의 여러 프레임에 대한 작업에 사용되고 CABasicAnimation은 단일 키프레임에 대한 애니메이션 기능을 제공 사용 방..

CAGradientLayer이란? layer에 색 그라데이션을 입히는데 사용되는 객체 주로 UIView나 UILabel의 text에 그라데이션을 입히는데 사용 CAGradientLayer 사용 방법 객체 생성 후 frame 설정: frame은 적용될 view의 bounds로 설정 let gradientLayer = CAGradientLayer() gradientLayer.frame = myView.bounds 그라데이션에 들어갈 색상 추가(처음 ~ 마지막 순서대로 기입): 타입은 [CGColor] 타입 gradientLayer.colors = [UIColor.orange.cgColor, UIColor.red.cgColor] gradientLayer의 속성을 모두 지정하였으므로 (적용될뷰.layer.add..