# 좌우로 스크롤 가능한 리스트뷰

리스트뷰에서 열을 정의할 때는, 그 모든 열의 크기만큼의 리스트뷰 영역이 필요하기 때문에, 일반적으로 실행 시점(runtime)에서는 열을 표시하기 위해 가로 스크롤을 사용할 필요가 없습니다.

따라서 많은 열을 실행 화면에서 표시하고 싶다면 리스트뷰의 너비를 매우 크게 만들어야 합니다.

<figure><img src="https://2930313389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkr3K95OpVnkhRrSKF3Qh%2Fuploads%2F3Z65UUAexgYKlFUH0MAe%2F1%20%EB%B9%8C%EB%8D%94%EC%97%90%EC%84%9C%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%82%AC%EC%A7%84.png?alt=media&#x26;token=2ee7c01c-0b3d-4567-8356-31a17e136fd2" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2930313389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkr3K95OpVnkhRrSKF3Qh%2Fuploads%2FfVWj7zxV7s4PrqtDryJv%2F2%20%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EC%8B%A4%ED%96%89%EC%82%AC%EC%A7%84.png?alt=media&#x26;token=b2d9171e-36a2-45de-9417-b545dfbb199f" alt=""><figcaption></figcaption></figure>

### 리스트뷰를 좌우로 스크롤할 수 있도록 하기

리스트뷰의 표시 너비를 줄이면서 많은 열을 가로 스크롤로 표시하고 싶다면, 열 숨기기 기능과 리스트뷰의 ‘숨기기 무시’ 설정을 함께 사용하면 됩니다.

1. **열 머리글 AP열부터 BP열까지를 드래그하여 선택한 다음, 마우스 오른쪽 클릭 메뉴에서 \[숨기기]를 선택합니다.**\
   단, 가장 오른쪽 열 BS열은 숨기지 않도록 주의해야 합니다.\
   리스트뷰의 가장 오른쪽 열은 애플리케이션 실행 시 리스트뷰의 외곽선을 그리는 데 필요하기 때문입니다.

<figure><img src="https://2930313389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkr3K95OpVnkhRrSKF3Qh%2Fuploads%2FWY3Ex6TppTCotjuIVr3w%2Fimage.png?alt=media&#x26;token=51eccd0d-3356-47ee-9bf4-affa59a05395" alt=""><figcaption></figcaption></figure>

2. **AP2 셀부터 BP3 셀까지 선택한 다음, 리스트뷰 도구 \[디자인] 탭에서 \[숨기기 무시] 옵션을 체크하세요.**

<figure><img src="https://2930313389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkr3K95OpVnkhRrSKF3Qh%2Fuploads%2FvSvNpCmxoSxGIMgIc10Q%2F4%EC%88%A8%EA%B8%B0%EA%B8%B0%EB%AC%B4%EC%8B%9C.png?alt=media&#x26;token=abb133f0-b039-44f0-add2-caac620bd626" alt=""><figcaption></figcaption></figure>

3. **빌더를 실행 후, 화면을 확인해주세요.**

<figure><img src="https://2930313389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkr3K95OpVnkhRrSKF3Qh%2Fuploads%2FcUw1Zct6YcesgJdYMdGs%2F5%EC%8A%A4%ED%81%AC%EB%A1%A4%EB%B0%94%EC%83%9D%EA%B8%B4%EB%B9%8C%EB%8D%94%EC%8B%A4%ED%96%89%ED%99%94%EB%A9%B4.png?alt=media&#x26;token=be2db7f7-2f37-417c-b67b-0e6683ea8e1f" alt=""><figcaption></figcaption></figure>

### 가로 틀 고정

가장 왼쪽 또는 가장 오른쪽의 열을 고정하여, 해당 열들이 스크롤에 포함되지 않도록 설정할 수 있습니다. 즉, 특정 열을 스크롤 대상에서 제외하고 고정 시킬 수 있습니다.

1. **리스트뷰에서 마우스 오른쪽 클릭 후, \[리스트뷰 세부 옵션]을 선택해주세요.**

<figure><img src="https://2930313389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkr3K95OpVnkhRrSKF3Qh%2Fuploads%2FcUZSLEJobVZreBfrYRTf%2Fimage.png?alt=media&#x26;token=0bf79129-e635-4fd6-9417-3fe4db595002" alt=""><figcaption></figcaption></figure>

2. **\[기타] 탭 - \[가로 틀 고정] 에서 필요한 설정을 해줍니다.**\
   아래 예시에서는 \[앞쪽 고정된 열 수]를 5로 설정하고, \[고정된 선 색]을 통해 고정된 열의 테두리 색상을 변경했습니다.

<figure><img src="https://2930313389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkr3K95OpVnkhRrSKF3Qh%2Fuploads%2FI4Y6pXVS8FsuyXKLt5QT%2F7%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%B7%B0%EA%B0%80%EB%A1%9C%ED%8B%80%EA%B3%A0%EC%A0%95%EC%98%B5%EC%85%98%EC%84%A4%EC%A0%95.png?alt=media&#x26;token=476f4448-f813-45ff-a987-48dc09368dbe" alt=""><figcaption></figcaption></figure>

3. **빌더를 실행 후, 화면을 확인해주세요.**

<figure><img src="https://2930313389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fkr3K95OpVnkhRrSKF3Qh%2Fuploads%2FjPGT4GoGhsAVz14onxoq%2F8%EA%B0%80%EB%A1%9C%ED%8B%80%EA%B3%A0%EC%A0%95%EC%8B%A4%ED%96%89%ED%99%94%EB%A9%B4.png?alt=media&#x26;token=2427f46e-70da-40b1-98bd-0c003fc58b3d" alt=""><figcaption></figcaption></figure>