[Mobile Programming] 어댑터 뷰

리스트뷰와 그리드뷰

어댑터 뷰

• 특정한 데이터를 화면에 표시하는 방법 제공
• 외부 소스와 어댑터 뷰의 중간에 위치해 외부소스를 가져와서 어댑터 뷰에 공급

AdapterView 하위 클래스

• List View : string 형태의 내용을 list 형식으로 표시
• Grid View, Spinner, Gallery : 이미지 데이터를 화면에 여러 개 표시

리스트 뷰

여러 개의 데이터를 아래쪽으로 펼치는 리스트 모양으로 보여주며 이 중 하나를 선택하는 용도로 사용

 

[XMl을 이용한 리스트 뷰 만들기]

• 리스트뷰의 아이템 String 배열
• 리스트 뷰 관련 변수 생성, 이 변수를 리스트 뷰 위젯을 대응
• ArrayAdapter 변수 선언, 첫 번째 정의한 배열로 채움
• ArrayAdapter를 리스트 뷰 변수에 적용
• 리스트뷰 선택에 따른 리스너 구현

실습

• 책 제목들을 나열하고 하나를 선택했을 때 책 겉표지를 이미지로 띄워주는 작업

---

그리드 뷰

• 스트링이 아닌 사진, 그림 데이터 등을 배치
• 격자 모양(테이블형태)으로 배치
• XML 파일에는 위젯을 넣음 단, Java코드에는 필요 내용 코딩
• GridView 속성 numColumns에 열 개수 지정

[그리드 뷰 만들기]

• baseadapter 상속을 받은 adapter 클래스 생성
• setCount, setview 메소드 정의
• 객체를 생성뒤 그리드 뷰 위젯에 어댑터로 연결하는 작업을 setAdapter 메소드를 토앻 실시
• 그림클릭시 해당 이벤트 처리 메소드 호출하여 처리

실습

• 하나의 영화 포스터 선택 시 이미지를 다이얼로그 형태로 띄우는 작업

 

---

갤러리

• 사진, 이미지를 화면에 배치
• 갤러리는 이미지들을 가로 한 줄로 보여줌으로써 좌우로 스크롤하면서 선택

[갤러리뷰]

• 이미지 간의 간격 유지 → spacing 속성 값 설정
• 클릭 시 큰 이미지로 보여주기 위해 Java코드에서 클릭 이벤트 처리 추가

실습