MagazineA01을 활용한 만화책 뷰어_앱플러스폼(ApplusForm, AppForm)

MagazineA01을 분석하는 포스트와 다르게 이번엔 활용하는 방법을 설명해드리겠습니다. 비단, 만화책뿐만 아니라 잡지나 전단지 등 활용할 수 있는 분야는 많이 있습니다.

이번엔 만화책을 다른 방식으로 보도록 해보겠습니다.

진격의 ??이라는 만화가 요즘 유행하고 있습니다. 이놈을 보기 위해선 만화뷰어를 받아 집어넣어도 되지만 내가 만든 앱으로 보고 싶다면 MagazineA01 템플릿을 활용해서 만들 수 있습니다.

MagazineA01은 apk안에 만화를 모두 넣어야 하므로 용량이 너무 커집니다. sdcard에 만화책만 넣는다면 좀더 편하게 볼 수 있겠네요..

우선 sdcard에 만화책을 집어넣습니다. 만화는 알아서 구해보시길…
android 파일전송 어플등을 이용하여 밀어 넣습니다. 용량이 허용하는 한에..
되도록이면 파일이름에 한글이 없는게 좋습니다.

표지이미지와 폴더이름은 동일하게..

파일을 올렸으니 sd카드에서 읽어오도록 소스를 수정하겠습니다. assets/moml/data에 있는 파일은 필요가 없으니 모두 삭제합니다.

이제 toonList.xml에서 만화가 있는 폴더의 위치를 변경합니다. 총 세군데를 수정합니다.

<FUNCTIONCALL cmd="userVariable.toonList = file.dir('storage:/mnt/sdcard/cartoon', '', '')"/>    

<LIST layout="0,44,320,436" dataSource="{xmlProcessing.groupByOrder(file.dir('storage:/mnt/sdcard/cartoon', 'jpg|png', ''), '/FILES/FILE', 3, 'ITEMGROUP')}"    

<LIST layout="0,32,480,298" dataSource="{xmlProcessing.groupByOrder(file.dir('storage:/mnt/sdcard/cartoon', 'jpg|png', '')    

파일의 위치가 asset에서 sdcard로 옮겨졌으므로 toonWebView.xml에서 소스를 수정합니다.

<FUNCTIONITEM condition="device.os.platform == 'iOS'"
        cmd="userVariable.imgWebUrl = string.replace(userVariable.imgWebUrl, 'storage', 'file')"
        elseCmd="userVariable.imgWebUrl = string.replace(userVariable.imgWebUrl, 'storage://', 'file://' )"/>  

제목도 바꿔줍니다.

<LABEL layout="0,0,480,32" defaultImg="/res/standTop.png" text="진격의??" textAlign="center" fontSize="25" fontColor="#ffffff" fontShadow="#666666"/>  

끝났습니다.
이제 새로운 만화가 나오면 sdcard에 넣기만 하면 추가될겁니다.

완성된 화면을 보면 제목도 바뀌었고, sd카드에 넣었던 표지들도 모두 보이네요..
아무거나 선택해서 들어가면 만화도 제대로 보입니다.

더욱이 장점은 어떤 해상도의 폰에서도 문제없이 돌아간다는 점입니다.

참 쉽고 간단하죠~ 끝.