Flex (4) 썸네일형 리스트형 [Bindable] 의 비밀 책을 보고 예제를 작성해 나가면서 도대체 '[Bindable]' 이라는 건 무엇일까 고민이 고민이 들다가 결국은 폭발해서 블로그에 새 글을 쓰기 시작했다. 검색엔진을 통해서 만난 Bindable 이라는 키워드는 물론 ActionScript를 사용하는 유저들의 검색결과를 보여줬지만 나처럼 초보에게는 좀 어려운 내용들이 있어서 완전 쌩 초보인 나에게.. 내가 이해한 대로 작성을 해본다. 부디 나와 같은 초보분들에게도 도움이 되길... Bindable의 비밀은 Bind 라는 사전적 의미에도 있다. '결속시키다, 묶다' 이런 의미로 해석하면 좋겠다. 아래의 소스를 살펴보면 더 이해가 갈 것이다. import mx.utils.ObjectUtil; import mx.collections.ArrayCollection.. FLEX 학습시 아주 유용한 사이트 ^^ 세계적인 FLEX & AIR 개발자, 컨설턴트 들이 모이는 포털사이트 : Flex.org Flex Component 별 샘플 코드와 Custom Component Library 들이 모여있는 곳 : FlexBox 각종 Flex 차트들의 샘플 코드를 볼수있는 블로그 : QuietlyScheming.com 시각적인 움직임 easingFunction 에 대한 샘플 소스 : Link Cover Flow Custom Component : Link Flex Theme 소스들이 가득한곳! : Link Actionscript 사용하기 : OOP 개념의 스크립트 위의 소스를 보면 달라진 부분이 있다. 기존에는 이라는 태그 내부에 XML 형태의 태그들로 데이터를 기록해 놓은 모양새가 있었다. 하지만 새롭게 바뀐 소스에는 외부의 xml 파일로 부터 정보를 가져오는 방식으로 변경이 되었다. 이와 관련해서 하나의 MXML 파일 내부에 Model 과 Controller 와 View 가 모두 존재하는 다소 관리하기가 어려운 상황을 제거하고 따로 나누었다. 또한 교재에 나오는대로 상품을 등록하고 장바구니에 담기위한 Data Transfer Object 의 개념으로 ActionScript를 통해서 클래스를 작성하였다. - EComm.mxml 에 변경된 소스 import valueObjects.ShoppingCartItem; import valueObjects.ShoppingC.. Controls : 다양한 컨트롤 들을 사용하기 + @Embed() 사용시 주의사항 Lesson 4 에서는 컨트롤 사용에 대해서 더 배워보는 곳이다. 이곳에서는 Boundary 용도로 사용했던 Layout 보다는 Control 들이 많이 등장한다. Spacer, DateField, RadioButton과같은 컨트롤들이 그 예다. 컨트롤 들은 저마다 기능들을 가지고 있는데 그중 가장 신기했던건 바로 DateField 컨트롤이다. Javascript jQuery 라이브러리에서 봤던 그 DateField와 아주 흡사했다. 어느 한쪽이 먼저 만들었는지는 모르겠지만 아주 유용한 것임에는 틀림없다. 이 소스에는 없지만 아래와 같이 이미지를 표현하는 컨트롤이 있다. 여기에서는 새로운 attribute 값이 반견되었다. scaleContent 라던가 source 라던가 mouseOver, mouseO.. 이전 1 다음