꿈을 꾸는 블루비

웹상에서 파일 다운로드 후 플래시 링크를 클릭하는 경우 IE 에서만 경고창이 뜨면서 링크가 먹통이 되는 경우가 발생이 됩니다.

이 문제를 해결하기 위해서는 기존에 플래시 링크 사용시 사용되는 getUrl 함수대신에
아래와 같이 ExternalInterface 를 사용하여 해결 할 수 있습니다.

import flash.external.ExternalInterface ; //항상 최상단에 있어야 됨

_root.menu0.rect.onRelease = function() {
ExternalInterface.call("자바스크립트 함수명");
};
this.menu1.rect.onRelease = function() {
ExternalInterface.call("자바스크립트 함수명");
}

버튼 이벤트에 직접 사용시

on(release) {
import flash.external.*;
ExternalInterface.call("자바스크립트 함수명");
}

플래시 publish settings 에서 위에 빨간 박스로 한 부분과 같이 설정해주시기 바랍니다.

플래시 버전은 8 이상, 액션스크립트 2.0 이상에서만 사용할 수 있습니다.

플렉스 유용한 단축키

- Ctrl+Tab : Open된 파일 이동

- Alt+Left,Right : Open된 파일 이동(좌,우)

- Ctrl+E : Open된 파일 이동

- Ctrl+L : 라인 이동

- Ctrl+K : 블록지정한 텍스트와 일치하는 텍스트 위치로 이동(아래)

- Ctrl+Shift+K : 블록지정한 텍스트와 일치하는 텍스트 위치로 이동(위)

- Alt+Up,Down : 현재 커서 위치의 코드 이동,또는 지정된 블록단위 코드 이동

- Ctrl+Q : 마지막으로 수정된 코드위치로 커서 이동

- Ctrl+Shift+T : 클래스 찾기

- Ctrl+Shift+R : 파일 찾기

- Ctrl+D : 현재 커서 위치의 라인 삭제

- Ctrl+O : 현재 파일의 속성,메소드 표시

- Ctrl+M : 현재페이지 최대화,이전크기로 전환

- Ctrl+F11 : Application 실행

- Ctrl+Shift+C : 블록지정한 텍스트 주석 처리

- Ctrl+Shift+D : CDATA 템플릿 삽입

- Ctrl+Shift+L : 단축키 목록 -> 사용가능한 모든 단축키 목록이 쭉~~~

Flex 에서 TextInput, TextArea 등 입력 폼에 한글 입력시 반응 속도가 느린 문제 점이 있습니다.
아래와 같이 as class를 등록하고 사용하시면 됩니다.

TextInput 예제 입니다.

package comp
{
import flash.events.FocusEvent;
import mx.controls.TextArea;

public class TxtArea extends TextArea
{
public function TxtArea(){
super();

addEventListener(FocusEvent.FOCUS_IN, onFocusInHandler);
addEventListener(FocusEvent.FOCUS_OUT, onFocusOutHandler);

}

private function onFocusInHandler(event:FocusEvent):void{
textField.alwaysShowSelection = true;
}

private function onFocusOutHandler(event:FocusEvent):void{
textField.alwaysShowSelection = false;
}
}
}

xmlns:comp="comp.*" 네임스페이스 등록하고
<comp:TxtInput /> 사용하면 된다.

발췌 : 플렉스 TextInput과 TextArea 한글입력시 느린 반응속도 해결법

Flex3 에서 mx.managers.IDragManager 관련 에러 메시지 발생될경우
AS 코드 상애 아래 내용을 추가 해주면 문제를 해결 할 수 있습니다.

asSQL을 이용할 경우 원격의 Database 서버에 접속 요청 시도시 보안샌드 문제가 발생하게 됩니다.
이 문제는 플래시의 보안정책에 의한것이므로 인증단계가 필요 하게 됩니다.
아래 내용은 머드초보 블로그님의 댓글중에서 발췌한 내용입니다.

--
asSQL은 http 통신이 아닌 소켓으로 3306포트로 직접 통신하고 있습니다.
그래서 3306포트로 소켓을 연결할 때 FLEX애플리케이션은 843포트로 crossdomain.xml 파일을 요청합니다.
그래서 843포트로 crossdomain.xml 파일을 줄 서버프로그램을 만들어야합니다.

http://code.google.com/p/assql/wiki/JavaPolicyFileServer
이거대로 톰캣으로 띄워서 843포트를 여시는 방법이 있구요.
서버가 유닉스나 리눅스 계열이라면 gcc를 이용한 방법이 있습니다.

http://panzergruppe.hp.infoseek.co.jp/fspfd.html
그리고 asSQL 은 localhost로 하면 안되더라구요.
아이피를 직접 써주셔야합니다.

해당 MySQL서버의 아이피를 직접 써주셔야합니다 ^^

출처 : 머드초보의 블로그 ActionScript3 MySQL Driver(asSQL) Beta2.7을 이용한 간단예제. 댓글중 발췌

플래시 플레이어 10 (2008.10.15)정식 릴리즈되었습니다.

Flash Player 10 의 10가지 새로운기능과 향상된 기능

3D 효과 새로운 기능

내 장된 3D 효과 지원을 통해 보다 직관적이고 매력적인 인터페이스를 제작할 수 있습니다. 3D 전문가가 아니어도 2D에서 디자인하여 3D로 쉽게 변환하고 애니메이션을 적용하여 신속하게 작업을 시작할 수 있습니다. Adobe® Flash® CS4 Professional 소프트웨어의 3D 툴과 함께 빠르고 크기가 작으며 사용하기 쉬운 API를 이용하면 이전에는 전문적인 사용자들만 이용할 수 있었던 모션을 ActionScript® 언어 또는 타사 사용자 정의 라이브러리를 통해 모든 사람이 이용할 수 있도록 제작할 수 있습니다.

사용자 정의 필터 및 효과 새로운 기능

사 용자를 빠르게 매료시키는 영화와 같은 경험을 제공하는 고성능의 실시간 효과를 제작할 수 있습니다. Adobe After Effects® 소프트웨어에서와 같이 수많은 필터와 효과를 지원하는 Adobe의 새로운 기술인 Pixel Bender™를 사용하면 이러한 다이내믹하고 인터랙티브한 효과를 After Effects CS4를 사용한 제작뿐만 아니라 Flash Player 10을 사용한 라이브에도 적용할 수 있습니다. 또한 Pixel Bender JIT(just-in- time) 컴파일러는 별도의 스레드에서 비동기 방식으로 사운드나 수학 함수와 같은 다른 데이터 유형을 처리하는 데도 사용할 수 있습니다.

고급 텍스트 지원 새로운 기능

타 이포그래피 분야에서 25년 이상 쌓아온 Adobe의 전문 기술을 기반으로 웹상에 인쇄 품질의 퍼블리싱을 제공하는 새롭고 유연한 텍스트 레이아웃 엔진을 활용할 수 있습니다. ActionScript 3.0 텍스트 구성 요소의 광범위한 라이브러리를 사용하면 여러 열에서의 합자와 같은 정교한 타이포그래피 요소와 텍스트의 방향이 인라인 이미지 주위나 양방향 또는 수직으로 제대로 표시되거나 체인으로 연결될 수 있도록 텍스트 레이아웃을 보다 효과적으로 제어할 수 있습니다. 현재 앤티 앨리어싱되거나 회전하거나 스타일을 적용할 수 있는 장치 글꼴을 사용하거나 또는 고유한 텍스트 구성 요소를 직접 구축하여 다국어 리치 인터넷 애플리케이션(RIA)을 제작할 수 있습니다.

동적 사운드 생성 새로운 기능

향 상된 사운드 API를 사용하면 오디오를 동적으로 생성할 수 있고 음악 혼합기나 시퀀서, 게임용 실시간 오디오, 오디오 비주얼라이저 등과 같은 새로운 유형의 오디오 애플리케이션을 제작할 수 있습니다. 오디오 데이터를 추출하여 사운드 버퍼에 제공하면 더 낮은 수준에서 로드된 MP3 오디오를 사용하여 작업할 수도 있습니다. 또한 Pixel Bender JIT 컴파일러를 통해 실시간으로 오디오를 처리, 필터링 및 혼합하여 시각적 경험을 넘어서 보다 독창적인 오디오 효과를 뽐낼 수 있습니다.

드로잉 API 향상된 기능

스 타일을 변경할 수 있는 속성, 3D API, 그리고 라인별로 코딩하지 않고도 정교한 도형을 그릴 수 있는 새로운 드로잉 방식을 통해 런타임 드로잉을 보다 쉽게 수행할 수 있습니다. 개발자는 곡선을 조정할 수 있고, 스타일을 변경할 수 있으며, 부분을 교체하거나 사용자 정의 필터 및 효과를 사용할 수 있으므로 작업 처리 속도 개선, 창의적 제어, 생산성 향상 등의 효과를 낼 수 있습니다. 메모리 추가 및 성능 향상 이외에도 드로잉 API의 향상된 기능에는 z 차원, 실제와 같은 원근감, 3D 공간의 텍스처 메쉬, 그래픽 모델 유지, 렌더링 읽기/쓰기, UV 좌표를 이용한 삼각형 드로잉 등이 있습니다.

하드웨어 가속 향상된 기능

그래픽 카드의 하드웨어 처리 기능을 사용하면 SWF 파일을 브라우저에 페인트할 수 있고 비트맵, 필터, 블렌드 모드, 비디오 오버레이 등의 합성 계산을 소프트웨어에서보다 더 빠르게 수행할 수 있습니다.

벡터 데이터 유형 새로운 기능

새로운 유형의 array 클래스를 사용하여 데이터의 성능과 효율을 높이고 오류 검사 기능을 강화할 수 있습니다.

동적 스트리밍 새로운 기능

변화하는 네트워크 상황에 따라 자동으로 조정되는 스트리밍 기능을 사용하여 뛰어난 비디오를 제공할 수 있습니다. 새로운 서비스 품질 메트릭을 활용하면 스트리밍 효과가 더욱 향상됩니다.

Speex 오디오 코덱 새로운 기능

음성 인코딩에 대한 대안으로 대기 시간이 짧은 고품질의 개방형 소스인 Speex 음성 코덱을 사용할 수 있습니다. 또한 Flash Player는 ADPCM, HE-AAC, MP3 및 Nellymoser 오디오를 지원합니다.

파일 업로드 및 다운로드 API 향상된 기능

사용자로 하여금 해당 웹 애플리케이션에서 파일을 로드하고 저장하도록 함으로써 다양한 경험을 제공할 수 있습니다. 새로운 파일 참조 런타임 액세스 덕분에 서버에 양방향으로 액세스하지 않고도 로컬에서 데이터 처리가 가능합니다.

관련자료 링크
http://www.adobe.com/kr/support/flash/ts/documents/xpsp2.htm#hotfix

<!-- saved from url=(0013)about:internet -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

...(생략)

Javascript 또는 Flash 컨텐츠가 포함된 HTML 문서를 로컬에서 영역에서 열려면 다음 코드를 HTML 상단에 추가하면 된다.
Microsoft에서는 이것을 "Mark of the Web"이라 부른다. 이 코드를 HTML에 삽입하면 로컬 컴퓨터 영역 대신 인터넷 영역으로 설정되어, 로컬 컴퓨터 차단이 해제된다.


발췌 : 지돌스타의 Flex와 천문프로그래밍

Flex Camp 2nd in Seoul (플렉스 2차 캠프)

1차 캠프때는 참석을 못했는데 이번에는 첨석을 해볼까 합니다.
문제는 평일에 이루어지는거라. 가능할지 모르겠네요..
관심있는 분들도 공식사이트에가서 신청(무료)하시면 됩니다...
인원제한 내용은 없는데 혹 선착순??????

회사에서 가보라고 하네요... 80번째로 신청했습니다. ^^

오는 9월 30일(화) Flex Camp 2nd in Seoul을 진행
이번 Flex Camp 2nd in Seoul에서는 Adobe 글로벌 이밴젤리스트인 라이언 스튜어트와 마이크 챔버스가 방한해, 여러분께 새로운 Adobe RIA 기술을 발표합니다.
<발표내용>
- Adobe Flash Player와 데모 소개
- Adobe Flash Player 10, Adobe AIR 1.5, Adobe Flex 4를 통해 바라본 RIA의 미래
- Adobe Thermo, Adobe CS4와 함께 하는 전문가 워크플로우

신청하러가기

출처 : Adobe Flex 공식사이트

Creating full-screen Flex applications

Source View

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/07/creating-full-screen-flex-applications/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" applicationComplete="init(event)">

    <mx:Script>
        <![CDATA[
            import flash.display.StageDisplayState;

            private function init(evt:Event):void {
                /* Set up full screen handler. */
                Application.application.stage.addEventListener(FullScreenEvent.FULL_SCREEN, fullScreenHandler);
                dispState = Application.application.stage.displayState;
            }

            private function fullScreenHandler(evt:FullScreenEvent):void {
                dispState = Application.application.stage.displayState + " (fullScreen=" + evt.fullScreen.toString() + ")";
                if (evt.fullScreen) {
                    /* Do something specific here if we switched to full screen mode. */
                } else {
                    /* Do something specific here if we switched to normal mode. */
                }
            }

            private function toggleFullScreen():void {
                try {
                    switch (Application.application.stage.displayState) {
                        case StageDisplayState.FULL_SCREEN:
                            /* If already in full screen mode, switch to normal mode. */
                            Application.application.stage.displayState = StageDisplayState.NORMAL;
                            break;
                        default:
                            /* If not in full screen mode, switch to full screen mode. */
                            Application.application.stage.displayState = StageDisplayState.FULL_SCREEN;
                            break;
                    }
                } catch (err:SecurityError) {
                    // ignore
                }
            }
        ]]>
    </mx:Script>

    <mx:String id="dispState" />

    <mx:Label text="width={Application.application.width}" />
    <mx:Label text="height={Application.application.height}" />
    <mx:Label text="displayState={dispState}" />

    <mx:Button label="Toggle fullscreen" click="toggleFullScreen()" />

</mx:Application>



Javascript embed 코드에 빨간색 부분을 추가
AC_FL_RunContent(
    "src", "main",
    "width", "100%",
    "height", "100%",
    "align", "middle",
    "id", "main",
    "quality", "high",
    "bgcolor", "#869ca7",
    "name", "main",
    "allowScriptAccess","sameDomain",
    "type", "application/x-shockwave-flash",
    "pluginspage", "http://www.adobe.com/go/getflashplayer",
    "allowFullScreen", "true"
);

object, embed 태그사용시 속성에도 빨간색 부분을 추가해준다.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
        id="main" width="100%" height="100%"
        codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
        <param name="movie" value="main.swf" />
        <param name="quality" value="high" />
        <param name="bgcolor" value="#869ca7" />
        <param name="allowScriptAccess" value="sameDomain" />
        <param name="allowFullScreen" value="true" />

    <embed src="main.swf" quality="high" bgcolor="#869ca7"
        width="100%" height="100%" name="main" align="middle"
        play="true"
        loop="false"
        quality="high"
        allowScriptAccess="sameDomain"
        allowFullScreen="true"
        type="application/x-shockwave-flash"
        pluginspage="http://www.adobe.com/go/getflashplayer">
    </embed>
</object>

DataGrid에 dateFormat 설정하기

flex의 경우 외부 도메인의 접근이나 서브 도메인의 접근시 보안룰에 걸려 접속이 차단이 됩니다.
이를 해결하기 위해 도메인 루트 디렉토리에 crossdomain.xml 파일을 만들어 허용 여부를 설정 할 수 있습니다.

crossdomain.xml 파일 정보

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM
"http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">

<cross-domain-policy>
<site-control permitted-cross-domain-policies="master-only"/>
<allow-access-from domain="*"/><!-- 모든 도메인 허용 -->
<allow-access-from domain="*.blueb.net"/><!-- blueb.net 서브도메인까지만 허용 -->
<allow-access-from domain="blueb.net" /><!-- blueb.net 만 허용 -->
<allow-access-from domain="000.000.000.000"/><!-- 아이피로 설정 -->
<allow-http-request-headers-from domain="*" headers="SOAPAction"/>
</cross-domain-policy>

08년 7월 5일 제5회 플렉스 세미나 에서
Adobe 옥상훈 차장님께서 발표하신 UX 및 최적화 자료링크 입니다.

http://okgosu.tistory.com/10

한참 Flex에 열을 올리고 있다 시작한지 얼마 되지않아 스킬도 부족하고 나름 공부를 더해볼까하는데
FLEX 기술 세미나가 있어 포스팅합니다.
관심있는 분들도 신청해보세요^^

제 5회 Flex 기술 세미나 공지

(부제 : 예제로 배우는 Adobe 플렉스 개정판 출판 기념 세미나)

1. Flex 3 UX 개발 가이드 (어도비 옥상훈 차장)
2. Flex 3 옵티마이징 가이드 (어도비 옥상훈 차장)
3. Flex 3 스킨 디자인 노하우 공개 (위드플렉스 이근배)
4. 오픈프레임웍과 Flex 3 게시판 구축 (위드플렉스 최성훈 대표)

장소 : 비트교육센터 (지하 2층 대강당)
일시 : 2008년 7월 5일(토요일)
인원 : 선착순 200 명
회비 : 예제로 배우는 Adobe 플렉스 개정판 미소지자 3만원(법인카드결재가능, 영수증 발행 가능)
후원 : 에이콘 출판사 (http://www.acornpub.co.kr/blog/)
신청 : daee@withflex.com 메일 주소로 아래 내용을 작성하여 보내주십시오.&n bsp;
문의 : daee@withflex.com카페& nbsp;
공지 : http://cafe.naver.com/flexcomponent/10707

==================================================

이름 :
네이버 닉네임 :
나이 :
성별 :
거주지 :
회사명 :
하는 일 :
연락처 :
이메일 주소 :

Flex3 Style Explorer
http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html#

Flex3 의 컴포넌트에 적용하는 스타일시트 소스 확인이 가능한 익스플러러




Flex2 Style Explorer
http://examples.adobe.com/flex2/consulting/styleexplorer/Flex2StyleExplorer.html