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] 웹툰 뷰어 제작 – 3) Webview 호출

지난 포스팅에서 웹툰 목록을 CustomListView에 출력하는 부분까지 다루었다. 이제 클릭했을 때, 해당 만화를 보여주면 끝! 기존과 마찬가지로 최소한의 기능만 담았다.


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


클릭했을 때 새로운 Activity를 호출하여야 하고, 새로 띄운 Activity의 Webview에서 만화를 보여줘야 한다. 일단, ListFragment에서 클릭시 처리 방법이다.

ListFragment.java

중간에 URL의 일부를 변경하는 부분이 있는데, RSS에서 받아오는 정보는 PC 기준의 URL이라 모바일 버전의 URL로 변경할 필요가 있어서 작업하였다. 그렇지 않으면 PC 화면 크기의 만화가 나와서 모바일로 보기에는 불편하다.

새로 만든 Activity의 구성은 간단하다. 전체 영역이 WebView이고, 현재 페이지가 로딩 중이라고 표시하는 ProgressBar가 필요하다. xml 로 구성하면 다음과 같다.
activity_webview.xml

WebviewActivity.java 

웹 페이지를 불러오고 ProgressBar를 표시하는 최소한의 작업만 담고 있어서, 추가 설명을 할 부분이 없다. 다만, 타이틀바를 별도로 정의하여 ‘지금 보고 있는 만화가 몇 화’인지 표시하고 있는데, webview_bar_title.xml 이 다음과 같이 정의되어 있어야 한다.

webview_bar_title.xml


이렇게까지 하면 웹툰 『파인』의 뷰어가 만들어진다. 물론, 아주 기본적인 수준만 구현됐을 뿐이지만 조금씩 살을 붙여나가면 웹상의 정보를 담아내는 프레임으로 활용할 수가 있다. 어떤 컨텐츠를 끌어와서 담느냐가 문제겠지만.

현재는 이미지 로딩 시 로딩 중이라는 메시지도 없고, 기존 예제를 활용하여 화면 전환이 용이한 Fragment로 구현해놓고도 『파인』외 다른 웹툰을 볼 수 있는 기능도 없다. 조금씩 살을 붙여 다음 포스팅에서 앱의 완성도를 높일 수 있는 내용을 담을 예정이다.