'AIR'에 해당되는 글 1건
나만의 멋진 윈도우 모양을 가지는 AIR 어플리케이션을 만들어 보자.
트위터 클라이언트인 DestroyTwitter처럼 AIR로 만들어진 데스크탑 애플리케이션들을 보면 대부분이 운영체제에서 사용하는 기본 윈도우 크롬(타이틀과 테두리 영역)을 사용하지 않고, 대신 자신만의 보기 좋은 윈도우 모양을 사용하고 있다. 이 포스트에서는 어떻게 하면 기본 윈도우 크롬을 사용하지 않을 수 있는지 보여주겠다. 어려워 보이지만 사실 매우 간단하다. 딱 두가지만 하면 된다.
플렉스 빌더로 만든 프로젝트에서는 메인 MXML 파일 이름에 '-app' 가 더 붙은 XML 파일이 애플리케이션 디스크립터 파일이다. FlashDevelop에서는 application.xml 파일이다.
애플리케이션 디스크립터 파일에서 <initialWindow /> 부분 중 <systemChrome /> 태그의 값은 'none'으로 설정하고, <transparent /> 태그의 값은 'true'로 설정한다.
<initialWindow> ... <systemChrome>none</systemChrome> <transparent>true</transparent> ... </initialWindow>
2. 메인 MXML 파일을 수정한다.
메인 MXML 파일에서 WindowedApplication 컴포넌트의 'showFlexChrome' 속성을 'false' 로 설정하면 된다.
<?xml version="1.0" encoding="utf-8"?> <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" showFlexChrome="false"> ... </mx:WindowedApplication>
이게 끝이다. 다음은 위 방법대로 만들어 본 예제이다.
WindowedApplication 컴포넌트 안에 Canvas와 Button만 넣었다. 소스는 다음과 같다.
<?xml version="1.0" encoding="utf-8"?> <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" showFlexChrome="false"> <mx:Canvas width="100" height="100" backgroundColor="0xEEEEEE" backgroundAlpha="0.5"> <mx:Button label="hello" x="10" y="10" width="80" height="80" /> </mx:Canvas> </mx:WindowedApplication>
이제 남은 것은..
이제 기본 윈도우 크롬을 제거하는 방법은 알았다. 실제 애플리케이션처럼 제대로 만들려면 자체 윈도우 모양을 만들고 그 윈도우가 실제 윈도우처럼 동작하게 만들어야 할 것이다. 상단 타이틀을 클릭 & 드래그해서 이동하거나 최대/최소화하는 등의 기능을 구현해야 할 것이다. 이러한 기능들도 쉽게 만들 수 있도록 AIR에서 API로 제공하고 있으니 AIR 문서를 참조하면 어렵지 않게 만들 수 있을 것이다.
다음에 기회가 되면 멋진 자체 윈도우를 만드는 것도 포스팅할 생각은 있다.. 생각만 있다.
'개발 > 플래시' 카테고리의 다른 글
| 기본 윈도우 크롬을 사용하지 않는(chromeless) 에어(AIR) 어플리케이션 만들기 (0) | 2009/10/07 |
|---|---|
| FlexUnit - Flex(플렉스) 단위 테스트 프레임워크 (0) | 2009/09/12 |
Prev
RSS FEED
