iOS - memo 앱 만들기 #9 선택 기능과 줄바꿈 구현

선택 기능과 줄바꿈 구현

위와같이 보기 화면에 메모가 표시되는데 cell과 cell사이에 회색 줄이 출력되는 것을 확인 할 수 있는데

 

이 회색선을 separator이라고 한다.

 

separator를 표시하지 않는게 더 보기 좋기 때문에 이걸 표시하지 않기로 한다.

 

또한 cell을 선택하면 강조가 되는데 이 강조기능도 없애자

 

 

attribute inspector에서 Separator를 none으로 설정

 

 

그밑에 Selection 탭을 보면 Single Selection이라고 되어 있는데 한번에 하나의 cell을 선택할 수 있는 것

 

No Selection으로 바꾸자

 

그리고 하나가 더 남았는데

 

tableView는 두가지 경우의 cell을 강조하는데 cell이 선택되었을 때, 이 경우는 위에서 No Selection으로 선택했기 때문에

 

해당되지 않는다.

 

두번째는 cell이 highlighted 상태일때, cell을 손가락으로 누르면 highlighted 상태가 되고 이어서 손가락을 떼면

 

바로 이어서 선택상태로 넘어간다. 보통은 빠르게 터치하기 때문에 두 상태가 빠르게 전환된다, 하지만 cell을 계속 누르고 있으면

 

highlighted 상태가 계속 유지된다.

 

하지만 설명과는 달리 회색으로 강조되지 않고 있는데 실제 디바이스에서는 강조가 된다.

 

이걸 없애보자!

 

memoCel과 dateCel을 모두 선택하고

attribute inspection으로 가서 Selection 옵션을 None으로 바꾸면 어떤 경우에도 강조되지 않는다.

 

 

줄 바꿈하기

위와 같이 보기화면에서 셀에 넓이를 넘어가는 경우에도 줄 바꿈 되지 않고 ... 으로 표시되는 것을 확인 할 수 있다.

 

이건 attribute Inspector에 Line Break 속성과 관련이 있는데 Truncate Tail은 위와같이 ...으로 표시한다.

 

이걸 word wrap으로 바꾸고 밑에서 Lines 를 0으로 바꾸면 줄바꿈을 하다가 단어가 잘리는 경우를 방지해줌

 

 

 

tableView는 cell에 표시되는 내용에 맞게 cell 높이를 자동으로 조절한다. 이것을 self-Sizing cell이라고 한다.

 

tableViewController를 선택한 다음 Show the size inspector를 보자

 

기본적으로 Automatic으로 되어 있는 것을 볼 수 있기 때문에

 

label이 여러줄을 표시할 수 있도록 바꿔주기만 하면 끝난다.

 

Label을 선택후 attribute Inspector에서 Lines를 보면 1로 되어 있는데 이 값을 2로 바꾸면 Lable이 두줄의 텍스트를 표시하고

 

0으로 바꾸면 line수에 관계없이 모든 text를 표시한다.

 

 

잘 되는 것을 확인할 수 있다.~~~