2008/08/28 04:56

Fireworks CS4(Beta) + Flex4 테스트 해보기 = FXG를 이용해 보아요

Thermo가 나온다면

       아래 동영상 내용중
       http://www.webkitchen.be/2008/08/26/the-future-of-flash-player-flex-air-thermo-and-more/

        Thermo나오는 부분에서요(28:20 초 부터 보세요)

              1. Fireworks에서 UI를  만든후
              2. Export to FXG를 실행시켜 FXG파일을 만듭니다.
              3. 만든 FXG파일을 Thermo에서 오픈
              4. Thermo에서 요리조리 작업~

       이런 순서로 작업을 하더군요.



Fireworks CS4 + Flex 4 테스트

       비록 Thermo는 없지만
       360Flex 동영상을 본 후
       Flex4에서 FXG를 좀더 쉽게 테스트 할 수 있을것 같다는 생각이 들더라구요~
       즉시 작업개시!
       공개되어 있는 Fireworks CS4 Beta를 설치 한 후
       동영상 내용대로 해봤습니다.

              1. Fireworks에서 UI를  만든후
              2. Export to FXG를 실행시켜 FXG파일을 만듭니다.
              3. 만든 FXG파일을 Flex4 (Flex Builder)에서 사용 할 수 있도록 몇가지 수정함.
                  (Library가 아직 지원 안하더군요~ 멋쮜던데)
              4. MXML테그에 3번에서 만든 내용을 붙여 넣습니다.
              5. 실행~

       이쁘게 실행 되죠? ^^
       이제 3,4번의 내용은 Thermo가 나오는 그날 까지 기다리는 수밖에 없겠네요 ^^



추가적으로

       레퍼런스 내용을 보니
       올~ 이쁜것들이 많이 추가 되었더라구요
       가장 눈에 띄는거라면
       기존 <mx:Button>에서 -> mx빼고 <Button>이렇게 사용하는 하는 형태로 되어 있더군요.
       (근데.. Flex Builder 3에서 문법지원을 안하기 때문에... Flex4를 코딩하려면 힘들어요!~)
       XAML도 이렇게 쓰던데 ^^
       점점 비슷해져 가는 MXML과 XAML의 코딩규칙!
       이 또한 큰 변화속의 한 시대의 흐름이련지..
       아마도 3D 표현도 XAML과 거의 같은 형태로 될 것같은 생각입니다. ^^
       참고로 WPF에는 조명, 카메라,광원등도 XAML로 작성할 수 있던데~
       우리 이쁜 Flex도 어여~ 이쁘게~ 지원해줬으면 하는
       바램을 가져 보네요 ^^



작업 순서

1. Fireworks CS4에서 이쁘게 만드세요~(베타 설치하세요~)
사용자 삽입 이미지



2. 내용을 FXG로 만드세요~
사용자 삽입 이미지


3. 아쉽게도 FXG내용을 수동으로 수정해야 합니다. (걱정마세요 이 부분은 추후 Thermo가 알아서 해준답니다.)
사용자 삽입 이미지


4. 짜잔~ 실행결과!
사용자 삽입 이미지
이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback 0 Comment 2

Trackback : http://ddandongne.tistory.com/trackback/425

  1. BlogIcon 지돌스타 2008/08/28 09:48 address edit & del reply

    좋은 정보 감사합니다.

  2. 쫑쫑쫑 2008/08/30 06:08 address edit & del reply

    비슷하게 adobe 에는 SVG가 있는데 굳이 FXG 까지 내놔야 했는지 궁금하네요 ㅋ ^-^

2008/08/23 22:23

MDM Zinc VS Adobe AIR - 2/2

1. MDM Zinc?
2. MDM Zinc와 Adobe AIR와 틀린점 -1
3. MDM Zinc와 Adobe AIR와 틀린점 -2


4. MDM Zinc를 이용한 개발 순서
5. MDM Zinc를 이용한 개발 - DEMO 1
6. MDM Zinc를 이용한 개발 - DEMO 2
7. 결론

이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback 0 Comment 5

Trackback : http://ddandongne.tistory.com/trackback/423

  1. 뒹굴뒹굴 2008/08/25 09:16 address edit & del reply

    딴동네 님 덕분에 새로운걸 알게 됐네요
    잘 봤습니다 ^^

    • BlogIcon ddandongne 2008/08/26 10:02 address edit & del

      직접 한번 사용해 보세요 ^^

  2. 금돌 2008/08/26 11:55 address edit & del reply

    새로운걸 또 알게되었네여^^ 감사합니다.

  3. 제피로스 2008/08/28 23:43 address edit & del reply

    오호 예전에 살짝 들어본 기역이 나는데 요런거였군요..^^
    수고하셨어요~잘 들었습니닷

2008/08/23 22:15

MDM Zinc VS Adobe AIR - 1/2

1. MDM Zinc?
2. MDM Zinc와 Adobe AIR와 틀린점 -1
3. MDM Zinc와 Adobe AIR와 틀린점 -2

4. MDM Zinc를 이용한 개발 순서
5. MDM Zinc를 이용한 개발 - DEMO 1
6. MDM Zinc를 이용한 개발 - DEMO 2
7. 결론





이올린에 북마크하기(0) 이올린에 추천하기(0)
Trackback 0 Comment 0

Trackback : http://ddandongne.tistory.com/trackback/422