본문 바로가기

2022_iOS 앱 개발자 워크숍/3, App11

Table View Header Title UI 변경 이번에는 테이블 뷰에서 헤더 타이들의 글자 색, 정렬, 크기를 설정하는 법에 대해 알아보겠습니다. 기본적으로 지원하는 헤더 타이틀의 text는 기본크기에, 회색?으로 지정되어 있습니다. 그렇기때문에 테이블 뷰 BackGround에 진한 색상을 입히면 글자가 잘 보이지 않습니다. 해결방법은 UITableViewDeleagte 메소드의 기능을 사용하면 됩니다. ViewController 클래스 내부에서 작성할 수 있고 글자 색, 정렬 위치, 폰트와 폰트 사이즈도 설정할 수 있습니다. 코드작성 실행화면 iOS 폰트에 대한 정보는 아래 링크를 통해 알 수 있습니다. https://github.com/lionhylra/iOS-UIFont-Names GitHub - lionhylra/iOS-UIFont-Names:.. 2022. 1. 19.
Table View 생성하기 2 ( 중첩 배열 사용 ) 개요 Table View를 생성하여 데이터를 추가할 때 배열을 사용합니다. 두 개의 배열을 사용한다면 그냥 추가하는게 간단하지만, 많은 배열을 사용하거나 섹션을 많이 사용하고 싶다면 중첩 배열을 사용하는 방법이 있습니다. 배열 사용 부분 data라는 이름의 배열을 생성하고, 배열안의 총 7가지의 내부 배열을 생성했습니다. 배열의 데이터 값을 편하게 추가하고 삭제 할 수 있게 numberOfSections 함수에서 리턴 값을 정수로 지정하지 않고, 배열의 수 만큼 반환하도록 지정했습니다. 또한 UITableVIewDataSource의 두 가지 필수 메서드도 배열에 맞게 작성해줘야합니다. 여기서 주의할 점은 지금은 중첩배열을 사용함으로 data 배열의 내부배열의 섹션 수를 반환하기 위해 data[sectio.. 2022. 1. 19.
Table View 이번에는 테이블 뷰 생성에 이어서 테이블 뷰 목록을 그룹으로 나누는 방법에 대해 알아보겠습니다. 다른 기능 없어 기본 항목만 나타나는 정적인 테이블 뷰가 있습니다. ( 테이블 뷰 만드는 방법은 TableView 만들기 글을 참고 하시면 됩니다. :) ) 소스 코드 부분을 보면, ViewController 클래스 안에 Title과 Header를 달아주는 함수를 작성해보겠습니다. 인자로 전달되는 section에 맞는 헤더를 케이스별로 입렵해주시면 됩니다. 시뮬레이터로 실행시켜 보겠습니다. 두 섹션이 분리되니 훨씬 보기 좋지만, 아직 분리가 완벽하게 이루어지지 않은 느낌이 남아있습니다. 다시 Main.stroyboard로 돌아가서 테이블 뷰를 선택하고, Attributes Inspector에서 Style을 G.. 2022. 1. 18.
Table View 생성하기 이번에는 Table View를 만들어보겠습니다. Main.storyboard View Controller에 Table View를 생성하고 Table View위에 Table View Cell을 추가하겠습니다. 다음은 부가적인 요소입니다. 먼저 테이블 뷰에 제약조건을 주겠습니다. 이어서 테이블 뷰를 선택한 상태로 View Controller에 드래그 앤 드롭하여 dataSource와 Delegate를 선택해줍니다. DataSource와 Delegate는 TableView 이론 포스팅에서 다루었으니 한 번 보고오면 좋을것같습니다. :) 마지막으로 Table View Cell을 선택하여 Attributes Inspector에 Identifier를 cell이라고 입력해주겠습니다. 코드 작성 코드 작성을 해보겠습니.. 2022. 1. 18.
Table View 이론 TableView란? Table View는 사용자 정의 가능한 데이터를 행과 섹션으로 분할된 단일 열에 표시하는 것으로 간단하게 말하자면, 항목들이 나열된 화면으로 메세지나 연락처, 메모장과 같은 예시가 있습니다. 정적 테이블 뷰 : 동적 테이블 뷰 테이블 뷰에는 정적 테이블 뷰와 동적 테이블 뷰 두 가지가 있습니다. 정적 테이블은 고정된 개수의 행들이 테이블에 표시되는 형태로 설정 페이지와 같습니다. 동적 테이블은 가변적으로 행들의 개수가 표시, 즉 추가 삭제 수정이 가능합니다. 그렇기 때문에 상황에 따라 적절하게 사용하면 좋은 앱을 만들 수 있을 것입니다. DataSource, Delegate DataSource는 테이블에 무엇을 표시할 것인지 물어보는 것으로 타이틀 정보, 데이터 표시 수량, 영역의.. 2022. 1. 17.