만영’s 블로그

이미지가 동적으로 로딩될때 로딩이미지 표시하는 예제

<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” backgroundColor=”#000000″ >
 <mx:Button label=”View Image” horizontalCenter=”0″ top=”5″ click=”imageCanvas.visible = true;sceneImage.load()” />
 <mx:Canvas id=”imageCanvas” verticalScrollPolicy=”off” horizontalScrollPolicy=”off” backgroundColor=”#000000″ top=”40″ height=”100%” width=”100%” visible=”false”>
  <mx:Image id=”sceneImage” autoLoad=”false” source=”img/car_small_1.jpg” verticalCenter=”0″ horizontalCenter=”0″ />
  <mx:Image id=”loadingIcon” source=”@Embed(’loading.gif’)” horizontalCenter=”0″ verticalCenter=”0″ visible=”{sceneImage.percentLoaded != 100}” />
  <mx:Label text=”Loading…” verticalCenter=”18″ horizontalCenter=”0″ color=”#ffffff” fontSize=”10″ visible=”{sceneImage.percentLoaded != 100}” />
 </mx:Canvas>
</mx:Application>

대부분 데이터 객체만 가지고 Binding을 사용하지만 Boolean 속성이라든지 특정 함수 리턴값을 가지고 Binding을 확장해서 사용 할 수도 있습니다.

———————————————————
[Bindable]
private var labelText:String = “This is a label”;

<mx:Label text=”{labelText}”/>
———————————————————

[Bindable]
private var items:ArrayCollection;

<mx:Label text=”You have {items.length} items.”/>
———————————————————

<mx:TextInput id=”myInput”/>
<mx:Button label=”Do Something” enabled=”{myInput.text.length > 0}”/>
———————————————————

private function isButtonEnabled(someString:String, itemLength:uint):Boolean
{
if (…) {
  myButton.label = “I’m enabled!”;
  return true;
  } else {
  myButton.label = “I’m disabled.”;
  return false;
  }
}

<mx:Button id=”myButton” enabled=”{isButtonEnabled(someString, items.length)}”/>
———————————————————

원문:http://weblogs.macromedia.com/cantrell/archives/2006/11/fun_with_flex_d.cfm

트리에서 드래그를 하면 현재 위치에 따라 트리폴더가 펼쳐지고 자동으로 닫히는걸 구현 했네요.

소스 코드는 아직 확인 못했는데. 트리에서 노드 찾아가는 부분이 궁금 하넹.  

원문:http://flexibleexperiments.wordpress.com/2007/01/25/flex-20-tree-with-spring-loaded-folders-update/

새로 추가된 기능으로써 동적으로 CSS 스타일을 변경하는 예제입니다.

전에는 컴파일 시점에 테마가 포함되 불가능 했다는…

Click here to run the application

원문:http://everythingflex.wordpress.com/2007/01/19/flex-201-style-swapping/