3.3 안드로이드 스튜디오 ListView 예제

ListView는 스마트폰 화면상에서 스크롤 가능한 정보를 표현하는 기법이다. 알파벳이나 또는 “ㄱ,ㄴ,ㄷ,∙∙∙”로 분류되어 있는 전화번호부 리스트라든지 또는 블루투스 사용 시에 주위에 존재하는 블루투스 소스들의 리스트가 대표적인 사례일 것이며 클릭하면 스크롤 가능한 상세한 정보를 디스플레이 해 준다. 한편 버튼과는 그 의미가 다르며, 버튼 클릭과 함께 특별한 activity가 실행되겠지만 스크롤 가능한 정보는 아니다.

 

Adapter는 ListView에서 필요한 데이터를 채우는데 사용된다. List 아이템들은 어레이 리스트(Array List)나, 어레이 또는 데이터베이스와 같은 소스 들로부터 내용을 끌어다 어댑터를 사용하면서 자동으로 리스트에 입력한다.

 

간단한 예제로서 동물이름을 디스플레이하는 ListView를 LinearLayout을 사용하여 코드를 작성해 보자. res≻layout≻activity_main.xml 을 오픈하고 상단의 constraint.Layout을 LinearLayout 으로 변경하고 밑 부분에 android:orientation=“vertical”을 입력한 후에 “Hello World!”텍스트를 포함하고 있는 ≺TextView∙∙∙/≻에 이어서 ≺ListView∙∙∙/≻를 아래와 같이 코드를 입력 후 Design 버튼을 누르면 오른쪽과 같은 디스플레이를 볼 수 있다.

 

여기까지 내용을 Run “app” 시켜도 스마트폰 화면 상단에서 “Hello World!” 문자열 외에는 아무것도 디스플레이 되지 않으므로 ListView 의 id 에 대응하여 MainActivity에서 직접 어레이 리스트를 작성하도록 하자. private ListView 선언과 아울러 동시에 import class 처리하자. R.id.list 주소에 가져다 놓을 ListView 문자열 입력 정보를 ArrayList를 사용하여 저장하자. 물론 import class 처리가 되어야 한다. 다음의 import class 처리된 내용을 참조하자.

아울러 저장 공간 ArrayList 와 ListView를 연결할 수 있도록 setAdapter를 사용하여 묶어줄 필요가 있다. 리스팅할 데이터를 입력 후 adapter로 하여금 입력 후 저장 완료되었음을 확인시키자. 이 작업들은 onCreate 시에 동시에 이루어져야 하므로 onCreate 밑에 코드가 위치해야 한다.

코드를 실행하여 다음과 같은 디스플레이 출력을 관찰해 보자. 실무 코드 작업에서는 리스팅 된 아이템들에 대해서 전화번호부의 각 이름별로 세부 정보를 추가하듯이 보다 세부적인 하부 정보를 입력 하게 될 것이다.

첨부된 zip 코드를 다운받아 복사 붙여넣기 과정과 매뉴얼 입력에 의해 ListView 코드를 작성해 보자.

zip 코드를 다운 받아  AndroidProjectStudio 폴더 내부에 압축 해제 하여 넣고 파일을 오픈하자.

ListVw.zip

ListVw.zip

0.13MB