SWF 자체 적응 레이아웃 기법(Rapid Flash Development)빠 른 플래시 개발

브 라 우 저 화면 을 가득 채 우 는 Flash 는 Flash 인자 의 width 와 height 를 100%로 참조 하도록 설정 할 수 있 습 니 다.그러나 이것 만 으로 는 부족 합 니 다.Flash 의 내부 인터페이스 부 국 에 서 는 이러한 지능 이 없 기 때 문 입 니 다.(ActionScript Project 나 Flash IDE 로 컴 파일 된 프로젝트 등 비 FLEX PROJECT 를 말 합 니 다)오늘날 사용자 의 브 라 우 저 해상 도 는 주로 1024*768 과 1280*1024 입 니 다.그리고 일부 외국인 들 은 매우 넓 은 브 라 우 저 를 사용한다
플래시 애플 리 케 이 션 이 많은 사용자 들 에 게 좋 은 페이지 를 보 여 주 려 면 코드 가 필요 합 니 다.
AS3 에 Event.RESIZE 이벤트 가 있 음 을 알 수 있 습 니 다.이 이 벤트 는 Flash 의 크기 가 바 뀌 었 을 때...AHA 를 자극 하여 답 을 찾 았 습 니 다.)
실 현 된 코드 를 보 세 요.다음 코드 는 주 클래스 에 적 혀 있 습 니 다.
//4.init screen size adjustprivate function initScreenAdjust():void{     //Set Scale Mode,크기 조정 모드 를 크기 조정 없 음 으로 설정    stage.scaleMode=StageScaleMode.NO_SCALE;
    //화면 조정 이벤트 설정,화면 크기 조정 설정    stage.addEventListener(Event.RESIZE,screenAdjust);
    //프로그램 초기 에 인터페이스 조정 을 호출 합 니 다.
    screenAdjust(null);}
//4.1 샘플 인 스 턴 스 개인 함수 screenAdjust(evt:Event):void{
        //UIData.SCREEN_WIDTH 와 UIData.ScreenHEIGHT 는 컴 파일 된 Flash 너비 와 높 은 값 을 말 합 니 다.
        //[SWF(width="1024",height="768"]형식 으로 설정(FLEX)하거나 FLASH IDE 에서 직접 설정 가능        var offX:int=Math.floor((UIData.SCREEN_WIDTH -stage.stageWidth)/2);         var offY:int=Math.floor((UIData.SCREEN_HEIGHT-stage.stageHeight)/2);
        //this 는 주 류 를 말 합 니 다.이렇게 하 는 이 유 는 그림 2 를 참고 하 시기 바 랍 니 다.        this.x=offX;        this.y=offY;
        //내부 UI 조정,아래 도구 모음 의 Y 값 을 조정 합 니 다.        mDownToolBar.y =stage.stageHeight-UIData.DOWN_BAR_OFF_Y;
}
그림 2 는 Flash 메 인 클래스 의 좌표 값 과 stage 너비 가 높 은 관 계 를 보 여 줍 니 다.여기 서 조정 하 는 것 은 Flash 메 인 클래스 의 왼쪽 상단 을 현재 Flash Player 의 왼쪽 상단 에 항상 붙 이 는 것 입 니 다.사이즈 가 어떻게 변 하 든 간 에.
 

그림 2
 
사실은 저 는 인터페이스 조정 방안 을 제시 할 뿐 입 니 다.가끔 은 주요 국 에서 모든 것 이 당신 의 수요 에 달 려 있 기 를 바 랄 수도 있 습 니 다.
간단 한 예제 프로그램 주 소 는 브 라 우 저의 크기 를 조정 하여 인터페이스의 레이아웃 변 화 를 관찰 할 수 있 습 니 다.비디오 는 항상 가운데 에 있 습 니 다.위,아래 도구 모음 은 각각 위,아래 양쪽 에 있 습 니 다.
http://www.xia108.com/labs/rapidFlashDev/chp2.solution/2.2.1FullScreen/index.htm
실제 응용 프로그램 을 붙 여 라.나의 6 도 토폴로지 가 서로 다른 브 라 우 저 에서 의 표현,광고 광고;)
 

1024*768
 

1280*1024