컴터/Flash & Flex (47) 썸네일형 리스트형 Style 코딩 차이 .table1 { color:#ff00ff; font-family:Arial; font-size:50px; } 파랑색은 html과 비슷하게 class 형으로 코딩한것이고, 빨간색은 mxml 형식으로 코딩한것. ~ 안에 코딩시와 .css 화일로 저장하여 불러들일때는 일반 html 과 비슷하게 코딩하면 된다. css 파일 부를때 ... mxml 에 직접 코딩할때는 Javascript 처럼 첫자는 소문자 그다음 단어 단위로 첫 글자만 대문자로 코딩하면 됨. Icon & Skin 비교 Icon & Skin 비교 Icon은 컴포넌트 형태 유지 하고, 첨부된 이미지가 추가 된것. Skin은 컴포넌트 형태/모양 전체를 이미지로 교체된것. upIcon : 컴포넌트에 대한 마우스 누름이 해제 되었을때(기본) disabledIcon : 비활성화되었을때 downIcon : 마우스로 눌러졌을때 overIcon : 마우스를 올렸을때 selectedDisabledIcon : 선택된 상태에서 비활성화 되었을때 selectedDownIcon : 선택된 상태에서 마우스로 눌렸을때 selectedOverIcon : 선택된 상태에서 마우스가 올라왔을때 selectedUpIcon : 선택된 상태에서 마우스 버튼을 놓았을때 upSkin : 컴포넌트에 대한 마우스 누름이 해제되었을때 (기본값) disabledSkin.. setStyle 로 이펙트 주기 import flash.events.Event; import mx.effects.Zoom; private function createEffect(eventObj:Event):void{ var zEffect:Zoom = new Zoom(); zEffect.duration = 2000; zEffect.zoomHeightTo = 1.5; zEffect.zoomWidthTo = 1.5; myB.setStyle("mouseDownEffect", zEffect); } ]]> easingFunction 설명 1. 점점 가속 되거나 감속되는 그런 움직임이나 효과를 적용하는데 유용. 2. mx.effects.easing 패키지에 들어있다. 3. easeIn : 효과를 빠르게 주다가 감속되는것. easeOut : 느리게 주다가 빠르게 주는것. 클래스명 설명 Back 목표 값을 한번 지나간 후 다시 원래의 목표 값으로 돌아오는 움직임. Bounce 공이 튀는 듯한 움직임. Circular Cubic 처음의 속도보다 끝의 속도가 원모양의 그래프의 움직임. Elastic Exponential 진동의 움직임. Linear 처음의 속도와 끝의 속도가 같은 움직임. Quadratic 처음의 속도보다 끝의 속도가 완만하게 빠르게 움직임(2차 함수) Quartic 처음의 속도보다 끝의 속도가 조금 빠르게 움직임(4차 함수) Q.. SoundEffect paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10"> Resize 사용법 붉은 글씨가 특이하다.. target 을 정했으면 play(); 함수를 호출 하여 이펙트가 일게끔 한다. Sequence 와 parallel 비교 //여러 Effect를 차례대로 실행되게 함. -------------------------------------------------------------------- Bounce.easeOut , Bounce.easeIn : 공튀는 효과.. -------------------------------------------------------------------- sequence 와 parallel 비교 parallel 은 동시에 실행한다. 롤오버시 이미지 커지게.. 롤아웃시 이미지 원상태로 http://www.adobe.com/2006/mxml" layout="vertical"> import flash.events.MouseEvent; public function doZoom(event:MouseEvent):void{ if(zoomAll.isPlaying){ zoomAll.reverse(); //뒤로 돌리기 }else{ zoomAll.play([event.target], event.type==MouseEvent.ROLL_OUT ? true:false); ///true 일땐 play, false 일땐 reverse } } ]]> paddingTop="10" paddingBottom="10" paddingLef.. 이전 1 2 3 4 5 6 다음