Flex 2 개발 가이드 > Flex 어플리케이션의 유저 인터페이스의 작성 > 컨트롤의 사용 > Button 컨트롤

Button 컨트롤

Button 컨트롤은 극히 사용 빈도의 높은 사각형의 버튼입니다. Button 컨트롤의 표면에는 텍스트 label나 아이콘이 표시되어 실제로 누를 수 있는 것 같은 외관을 갖추고 있습니다. 옵션으로 복수의 Button 상태의 각각 그래픽스킨(Graphic Skin)을 지정할 수 있습니다.

표준 Button 컨트롤 또는 토글(Toggle) Button 컨트롤을 작성할 수 있습니다. 표준 Button 컨트롤은, 컨트롤의 선택 후 mouse button가 밀리고 있는 한 다운 상태에 머뭅니다. 토글(Toggle) Button 컨트롤은, 2 번째에 선택될 때까지 다운 상태에 머뭅니다.

통상, 버튼은 event listener를 사용해, 유저가 컨트롤을 선택했을 때의 액션을 실행합니다. Button 컨트롤의 마우스를 클릭했을 때에 Button 컨트롤이 유효한 경우는,click 이벤트와 buttonDown 이벤트가 송출(Dispatch)됩니다. 버튼은, 유효한가 무효인가에 관계없이,mouseMove,mouseOver,mouseOut,rollOver,rollOut,mouseDown,mouseUp 등의 이벤트를 반드시 송출(Dispatch)합니다.

다음에 Button 컨트롤의 예를 나타냅니다.

버튼을 어플리케이션의 외관과 기능에 맞추어 커스터마이즈 하려면 , 커스터마이즈 한 그래픽스킨(Graphic Skin)을 사용합니다. Button 컨트롤에는, 업 상태, 다운 상태, 및 무효 상태에 대응해 다른 이미지 스킨을 설정할 수 있어 버튼이 선택되고 있는지 어떤지에 응해 이러한 상태의 스킨을 바꿀 수가 있습니다. 이 컨트롤은, 이미지 스킨을 동적으로 변경할 수 있습니다.

다음의 예는, HBox 레이아웃 컨테이너에 배치되고 있는 비디오의 녹화와 재생을 제어하는 7 개의 Button 컨트롤을 나타내고 있습니다. 모든 버튼은 업 상태가 되고 있습니다.

Button 컨트롤에는, 다음의 디폴트 properties 가 있습니다.