Android Programming

[Mobile Programming] 어댑터 뷰

gangintheremark 2021. 12. 17. 06:48
728x90

리스트뷰와 그리드뷰

어댑터 뷰

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

AdapterView 하위 클래스

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

리스트 뷰

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

 

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

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

실습

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

그리드 뷰

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

[그리드 뷰 만들기]

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

실습

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

 


갤러리

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

[갤러리뷰]

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

실습

728x90