Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /var/www/html/devdiary/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

[Android Tutorial] 웹툰 뷰어 제작 – 2) ListView 출력

지난 포스팅에서 웹툰 연재 정보 RSS 데이터를 받아 배열에 담는 것까지 다루었다. 그 데이터를 알맞게 배열하여 ListView에 출력하면, 사실상 끝. CustomListView는 지겨울 정도로 활용이 되는 부분이므로, 꼭 익혀야 하는 부분이다. 무한 스크롤 같은 기능을 라이브러리를 활용하여 구현하는 것도 좋은데, 여기서는 기본형으로만 다루었다.


목차
1. 연재 정보 받아오기 – XML Parsing
2. 원하는 형태의 리스트로 만들기 – ListView
3. 웹툰 본편 보여주기 – WebView


일단, 리스트에서 어떤 내용을 담을지 결정한다. 여기서는 이미지와 제목, 업로드 시간을 표시하기로 한다. 아래 형태를 xml 로 만든다.

row_list.xml

그리고 이 형태에 맞춰 데이터를 넣어야 하는데, 그 부분은 아래와 같다.

RowAdapter.java

위 소스에서 이미지를 출력하기 위해 ImageLoader 를 생성하고, getDescription() 값이 null 이 아니면, 이미지를 출력하는 부분은 다음과 같다.

이렇게 출력하기 위해서는 Universal Image Loader 라이브러리를 사용해야 하는데, github에서 다운받아 jar 파일을 lib 폴더에 추가하면 된다.

이제 리스트에 표시될 내용의 레이아웃도 그려졌고 데이터를 받아서 표시할 준비도 되었으니, 지난 포스팅에서 저장해놓은 데이터를 ListView로 보내기만 하면 된다.

 ListFragment.java


이렇게까지 하면 웹툰 정보가 ListView에 표시된다. 로딩할 때까지 아무런 표시도 없이 백지가 나와서 당황스럽긴 하지만, 일단 기능적으로는 완료됐다. 이 다음에는 클릭했을 때, 웹툰이 표시되는 내용을 담을 예정이다.