iOS 4

1)UITableView - cell 구성

이번에는 UITableView에 관련하여 공부를 해봅시다(Apple Document) 기본적으로 UITableView에 관한 공식문서에서 보면 확인할 수 있는 화면입니다. 세로로 스크롤되는 컨텐츠 행을 표시 TableView는 표라는 틀을 제공한다면, 실질적인 컨텐츠를 보여주는 것은 UITableViewCell안에서 텍스트와 이미지를 원하는 내용으로 표시하여 우리에게 보여줄 수 있다 Main에서 UIViewContoller에 UITableView를 올리는 것이 가장 기본적인 시작입니다 TableView를 올렸으면 이제 데이터를 채워보도록 하죠 데이터로 테이블 채우기 tableview는 데이터 기반요소로 데이터 소스 개체는 DataSoure프로토콜을 채택하여 사용한다 UITableViewDataSource..

iOS 2021.12.25

3)UIBezierPath - 속성

UIBezierPath 그리기 1편 이번에는 속성을 볼까요? 위 사진과 같이 여러 개 존재합니다 한 개씩 확인해봅시다 var lineWidth: CGFloat 가장 기본적인 속성으로 선의 굵기(너비)라고 생각하면 될거같습니다 그럼 default와 임의로 늘린 값을 확인해보죠! default lineWidth = 100 어휴.. 값이 너무 컷네요... 이처럼 lineWidth 값이 클수록 선이 굵어집니다 var lineCapStyle: CGLineCap 다음! lineCapStyle 이건 선을 모자라고 칭하고 그 모자의 모양을 나타냅니다. 여러 개의 스타일을 확인해봅시다 1).butt 2).round 3).square 음...round는 확실하고...2개는 보기엔 똑같아 보이네요.... cap은 총 3개가..

iOS 2021.12.23

2)UIBezierPath - 직선 연결(그리기)

전편 직선 연결(그리기 전) 참고해주세요!! 전편에 이어서 이번엔 직접 그리는 것을 해보겠습니다. 커스텀 뷰에 그릴 수 있는 것 이라고 합니다 라는 의미는 View에 draw()를 써서 하라는 뜻이라고 생각 하시면 될거 같습니다(틀렸다면 말해주세요~) let path = UIBezierPath() path.move(to: CGPoint(x: 0, y:0)) path.addLine(to: CGPoint(x: 100, y: 100) path.close() path.stroke()우리가 그려봤던 (0,0)에서 (100,100)까지 직선 하나를 보여주도록 하겠습니다. class pathLine: UIView { override func draw(_ rect: CGRect) { let path = UIBezier..

iOS 2021.12.22

1)UIBezierPath - 직선 연결(그리기 전)

UIBezierPath란? 배지어 곡선 설명 직선 및 곡선 선분으로 구성된 경로 그리고 커스텀 뷰에 그릴 수 있는 것 이라고 합니다 OverView를 살펴봅시다 1)경로의 현재 점을 조작하여 경로의 형상을 설정합니다. 새 빈 경로 개체를 만들 때 현재 지점은 정의되지 않으며 명시적으로 설정해야 합니다. 세그먼트를 그리지 않고 현재 점을 이동하려면 이 move(to:)방법 을 사용합니다 라고 적혀있습니다 첫번째로 UIBezierPath객체를 만들어줍시다 두번째로 경로에 시작 위치를 뜻하는 move(to:)를 이용해 시작점을 찍도록 합시다 //첫번째 let path = UIBezierPath() //두번째 path.move(to: CGPoint(x: 0, y:0))위와 같이 객체를 만들고 시작하는 곳에 점을..

iOS 2021.12.21