Flex Builder 4 beta2를 다운받고 설치하셨다면 만들기 준비는 다 끝났습니다. 새 프로젝트를 한번 만들어볼까요?
프로젝트 이름을 적당하게 작성하고, Application Type 을 Desktop 으로 선택한 뒤 Finish 버튼을 누릅니다.
처음 프로젝트를 생성하면 아래와 같은 코드가 보입니다.
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="
http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
</s:WindowedApplication>
이게 기본 프로젝트 인데요, 여기 패널을 추가하고, 네비게이션을 추가할 예정입니다.
Source 뷰에서 Design 뷰로 전환하여 width 와 height 값을 각각 450, 230 으로조정하여 줍니다.
그리고 컴포넌트 윈도우에서 Panel 과 TabNavigator 컴포넌트를 찾아서 추가해줍니다.
둘 다 width 값과 height 은 100%, x, y 값은 비워둡니다.
탭 네비게이션을 추가했으면 Label을 변경해야 합니다. 위와 같이 레이블 이름을 변경하고 새 탭을 하나 더 추가해줍니다.
그리고 탭네비게이션에 VGroup 를 하나 추가하고, width, height 를 100%로 설정합니다.
VGroup 안에 링크버튼 다섯개를 적당히 배치해줍니다.
두개의 탭에 모두 설정해줍니다.
이제 레이아웃은 얼추 잡힌듯 한데요, 이제 XML을 읽어와 링크버튼에 바인딩 하는 코드를 넣어야 합니다.
웹컨텐츠의 XML 파싱은 각자 편한대로 하시면 되는데요, 미리 샘플을 하나 제공해드리겠습니다.
** 현재 서버 이상으로 샘플을 원활하게 제공할 수 없습니다. 트래픽이 급 몰렸나보네요. 죄송합니다.ㅠ
<fx:Declarations> 이라고 선언된 부분에 코드를 한줄 추가합니다.
<fx:Declarations>
<s:HTTPService id="XMLRequest" showBusyCursor="true" url="http://onionmen.iruis.net/dnf/widget/dnf_xml.php"/>
</fx:Declarations>
XML을 받아오기 위한 HTTPService를 하나 생성합니다. 그리고 아까 넣었던 linkButton 의 Label을 다음과 같이 수정해줍니다.
label={XMLRequest.lastResult.contents.content.getItemAt(0).title}"
label={XMLRequest.lastResult.contents.content.getItemAt(1).title}"
label={XMLRequest.lastResult.contents.content.getItemAt(2).title}"
label={XMLRequest.lastResult.contents.content.getItemAt(3).title}"
label={XMLRequest.lastResult.contents.content.getItemAt(4).title}"
그리고 마지막으로 AIR윈도우가 생성된 뒤 XML을 받아오기 위해 아래 코드를 추가해 줍니다.
<s:WindowedApplication xmlns:fx="
http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo" width="450" height="230"
creationComplete="XMLRequest.send();">
이제 불러오기는 모두 끝났습니다. F11 키를 눌러서 테스트 해볼까요?
오늘의 던파에 나온 텍스트가 그대로 나와있네요. ^^ 내일되면 또 텍스트가 변경되겠죠?
그런데 이 상태로는 클릭해도 아무것도 되지 않습니다. 클릭했을 때 웹사이트로 이동하는 코드를 넣고 끝내볼까요.
<mx:LinkButton label="{XMLRequest.lastResult.contents.content.getItemAt(0).title}" />
현재 링크버튼에는 위와 같은 코드가 있을텐데요, 여기에 클릭 이벤트를 줍니다.
<mx:LinkButton label="{XMLRequest.lastResult.contents.content.getItemAt(0).title}" click="goToUrl(0)"/>
<mx:LinkButton label="{XMLRequest.lastResult.contents.content.getItemAt(1).title}" click="goToUrl(1)"/>
<mx:LinkButton label="{XMLRequest.lastResult.contents.content.getItemAt(2).title}" click="goToUrl(2)"/>
<mx:LinkButton label="{XMLRequest.lastResult.contents.content.getItemAt(3).title}" click="goToUrl(3)"/>
<mx:LinkButton label="{XMLRequest.lastResult.contents.content.getItemAt(4).title}" click="goToUrl(4)"/>
그리고 함수를 만들어줍니다.
</fx:Declarations> 밑에 추가해주세요.
<fx:Script>
<![CDATA[
private function goToUrl(num:int):void
{
var httpService:HTTPService;
var
url:String;
var myReq:URLRequest = new URLRequest();
myReq.url = XMLRequest.lastResult.contents.content.getItemAt(num).link;
navigateToURL(myReq);
}
]]>
</fx:Script>
그리고 다시 F11을 누르고 링크를 클릭하면 기본 웹브라우저가 열리면서 오던 페이지로 이동할거에요.
추가로 AIR의 HTMLLoader 컴포넌트를 이용하여 Air의 새창으로 띄운다면 좀 더 사용성이 좋아질텐데, 기회가 된다면 기능을 추가해보도록 하죠.
DnfWidget.air
댓글을 달아 주세요
님 대체왜 던파스킨커뮤니티가 안들어가있죠? 던조 쓰레기 징징게시판마저 들어가있는게..
어딘지 링크와 함께 알려주시면 추가 검토 하겠습니다.
검색해보니 네이버카페네요.
네이버카페는 모바일 버전을 지원하기 때문에 보류중입니다
요청이 많을 경우 넣는 것도 고려해보겠습니다.
공식적으로 스킨 사용은 불법인뎈ㅋㅋ
오!! 아이팟터치4세대에 홈화면에도 만들엇구,
사파리에 책갈피로도 추가했어요~
감사합니다ㅋ
감사합니다 ^^ 쓰시다 불편한점 있으시면 말씀해주세요
오오.. 이젠 던파도 모바일 시대네요!
오던 축하드립니다!
이게 왜 오던임ㅋㅋ
이거 뭐 어떻게 하라는거? 옵티머스큐인데 이걸 어떻게 해야 어플을 다운 받을수 있단거임?
옵큐로 http://df.href.kr 에 접속하시면 됩니다
와... 이제 원격으로도 디씨를 하는구나...
왜..와이파이로 접속하면 컴퓨터 처럼되져?
오오오오
한번 엠피쓰리로 도전해보겠습니다. 좋은자료 감사합니다
이거 좋은데요 ㅋㅋ
안그래도 팬사이트같은데 볼려면 줌해야되서 불편했는데
덕분에 편하게 볼수있겠네요.
비밀댓글입니다
알려주신 두 사이트도 가능한지 검토해보겠습니다.
두 사이트에서 가장 인기있는 게시판들 두세개정도만 알려주시면 도움이 될 듯 합니다.
비밀댓글입니다
스마트폰으로 접속했습니다만 어플로 다운할수는없는건가요?
네 아직 어플은 지원 예정에 없습니다. 어플로 제작시에 관리포인트가 늘어나고, 유지보수가 힘들어져서 계획이 없습니다.
모바일웹 사이트를 좀 더 경량화 시키고, 사용자경험을 어플과 거의 비슷하게 할 생각은 있습니다.
던조 유저인데
던조 게시판을 자유게시판보다는 유저뉴스게시판/징징게시판/토론게시판
정도가 적당할거같네요 자게는 버려진지 2년째라
조언 감사합니다.
말씀하신 게시판 추가 하였습니다. 많이 이용해주세요~
던파에어 트위터 계정 없었는데 생겼더라구요
던조 로그인 글쓰기 추가된 이후로 아무것도 안되있고
트위터 팔로했는데 팔로한사람이 나 한명뿐...
건의하고싶어도 할데가 여기밖에 ㄷ
안녕하세요.
네 요즘 일이 바빠서 제대로 관리가 안되고 있는데,
기능추가 요청이나 건의사항등은 트위터를 통해서 요청드릴게요
늘 관심주셔서 감사합니다
emul에서 돌려보니까 그냥 pc에서돌아가는것처럼 나오네요
js파일을 서버에서 어디다 올려놓고 , 또 설정같은거 어디서 잡아주나요?
아 에뮬에선 돌아가는군요 첨엔 안됬는데..; 왜 안됫었지.;
정말 괜찮은 물건이군요.
던파 공식 홈페이지 수다게시판
넥슨 로그인만 추가한다면 더 대박일듯 한..
비밀댓글입니다