플렉스빌더3(Flex Builder3) - 총 6시간 53분 / 강의당평균 : 20분38초

플렉스빌더3

전체 : 6시간 53분 / 강의당평균 : 20분38초

01 플렉스에 대해서 알아봅시다.

21분

책갈피 : [00:00] 플렉스 활용분야 구경하기 / [04:46] Flex Builder 3 다운로드 받기 / [06:12] Flex Builder 3 설치하기 / [09:29] Flex Builder 3과 처음 만나기 / [11:10] 프로젝트 만들기 / [12:22] Flex Builder 3 전체적인 구성 구경하기 / [13:37] TextArea, Button 추가해보기 / [17:44] 버튼이 클릭됐을 때 처리 작업하기 / [19:13] debug 모드로 내용확인하기

02 버튼 컴포넌트 사용하기

22분

책갈피 : [00:00] flex의 소스 구조 확인하기 / [02:41] 새 프로젝트 만들기 / [03:28] 패널 추가하기 / [07:27] 버튼 추가하기 / [10:28] 보통버튼 작업 처리하기 / [13:04] 버튼을 토글버튼으로 만들기 / [14:03] 마우스커서를 보여주는 버튼으로 만들기 / [14:47] 버튼 눌렀을 때 웹사이트 열기 / [18:02] 함수 만들어 사용하기

03 체크박스와 라디오 버튼, 컬러픽커, 데이트추저 다루기

27분

책갈피 : [00:00] 체크박스와 라디오 버튼 / [01:00] 체크박스 추가하기 / [01:27] 라디오 버튼 그룹 추가하기 / [03:12] 라디오 버튼 추가하기 / [05:02] 라디오 버튼 그룹 만들기 / [05:37] 기본적으로 선택하기(selected) / [07:14] 체크박스의 체크여부로 버튼 활성화/비활성화하기 / [10:42] ColorPicker, DataChooser 조작하기 / [13:56] ColorPicker에 기본 선택값 지정하기 / [15:16] DateChooser에 색깔 지정하기 / [17:04] DateChooser의 설정 변경하기 / [22:20] 다른 날짜 선택시 이벤트 작업설정하기

04 slider로 이미지 마음대로 조작하기

20분

책갈피 : [00:21] 슬라이더 추가하기 / [00:53] 이미지 콤포넌트 추가 / [01:34] 이미지 경로 설정 / [02:42] NumericStepper 추가하기 / [03:59] 슬라이더의 자세한 설정하기 / [09:23] 슬라이더와 연동해서 이미지 크기 조정하기 / [17:10] 슬라이더와 연동해서 투명도 조정하기

05 NumericStepper조작하기, text 관련 컴포넌트

21분

책갈피 : [00:00] NumericStepper 로 이미지 위치 조정하기 / [05:43] 슬라이더의 값을 label에 표시하기 / [08:39] label 컴포넌트 조작하기 / [12:44] text컴포넌트에 htmlText 넣어보기 / [16:19] textArea컴포넌트 조작하기

06 text 관련 컴포넌트

18분

책갈피 : [00:00] TextInput 컴포넌트 / [01:42] 입력할 수 있는 값 제한하기 / [09:22] RichTextEditor 컴포넌트 조작하기 / [12:05] 컴포넌트 내용들 연동시키기

07 progress bar, SWFLoader 연동하기, Binding

19분

책갈피 : [00:00] progress bar란? / [00:55] Progress bar, SWQLoader 삽입하기 / [02:24] SWF 파일 로딩하기 / [03:26] Progress bar와 SWFLoader 연동하기(source속성) / [04:40] Progress bar 메뉴얼 진행시키기 / [09:30] form컴포넌트를 이용해서 컴포넌트 배치하기 / [12:11] 라디오버튼 가로로 배치하기 / [13:33] Binding 하기 / [16:30] Binding 변수 만들기

08 리스트 컴포넌트 다루기

24분

책갈피 : [01:04] 리스트 컴포넌트 추가하기 / [04:09] ArrayCollection 작성하기 / [05:55] DataGrid에 연결하기 / [08:31] 데이터 추가하기 / [10:23] 데이터 제거하기 / [14:10] 데이터 추가후 textInput 컴포넌트 비우기 / [16:18] 콤보상자 다루기

09 Tree 컴포넌트 다루기

22분

책갈피 : [00:00] 트리 추가하기 / [01:57] XMListCollection 데이터 작성하기 / [05:33] 컴포넌트에 데이터 연결하기 / [07:34] labelField 지정해서 필요데이터만 표시하기 / [09:53] XMListCollection 데이터에서 속성값 뽑아 사용하기 / [12:09] 트리의 데이터 펼치고 접기 / [16:32] XMListCollection 형태의 데이터 추가하기

10 타이틀 리스트에서 데이터 이용해서 그림 표현하기

18분

책갈피 : [00:00] 타이틀 리스트 / [01:43] 데이터 입력 / [03:22] 다른 타이틀 리스트 연동하기 / [05:59] 데이터 연결 버튼 추가하기 / [07:34] 그림 표시 될 수 있게 렌더러 설정하기 / [10:53] ArrayCollection 형태의 데이터 취급하기

11 외부의 데이터 읽어와서 처리하기

20분

책갈피 : [00:24] 프로젝트 만들기 / [01:21] xml 형태의 데이터 입력하기 / [05:54] xml 데이터 외부로 옮기기 / [08:51] 외부 xml파일 내용 변경하기(데이터 추가) / [11:37] 레이아웃 설정하기 / [11:47] 폼 추가하기 / [14:36] hbox 추가하기 / [15:27] HDivideBox추하기 / [17:21] VBox, VDivideBox 추가하기 / [17:38] Grid 추가하기 / [18:35] Tile 추가하기

12 네비게이터 컨테이너, 차트 조작하기

24분

책갈피 : [00:21] Accordion 사용하기 / [01:46] ViewStack 사용하기 / [05:15] TabNavigator와 ComboBox 연동하기 / [10:15] LineChart 만들기 / [11:31] 차트용 데이터 만들기 / [13:07] XML파일로 만들어 외부에서 데이터 읽어오기 / [19:08] 가로축 설정하기 / [20:49] 계열값 설정하기

13 다중형태, 다중축 차트 만들기

25분

책갈피 : [00:00] 다중형태 차트 만들기 / [01:04] 차트용 데이터 입력하기(배열 변수로 입력) / [04:09] 가로축 설정하기 / [05:09] 세로축 설정하기(축의 최소, 최대값) / [06:19] 계열값 설정하기(두가지 형태) / [09:26] 다중축 차트의 의미 / [11:59] 차트용 데이터 입력(ArrayCollectin 형태의 변수) / [14:48] 가로축 설정하기 / [15:24] 가로축 표현형태 설정하기 / [17:30] 계열설정하기 / [18:35] 계열에 세로축 할당하기 / [21:15] 계열에 세로축 설정하기 / [21:29] 세로축 표현 형태 설정하기

14 화면 구성하기

18분

책갈피 : [03:47] 크기 지정하기(%단위 또는 직접 크기 지정) / [06:29] padding 설정하기 / [10:03] gap 지정하기(컴포넌트사이의 틈) / [14:38] scale 조정하기(크기를 비율로 조정하기)

15 이펙트 트리거 1

20분

책갈피 : [00:10] 이펙트 트리거 종류 알아보기 / [02:22] 컴포넌트 추가, 제거 트리거 / [05:18] 효과 정의하기 / [09:04] state 변경하는 함수 만들기 / [15:04] Glow 효과 정의 하기 / [17:46] 포커스 트리거

16 이펙트 트리거 2

20분

책갈피 : [00:13] Show, Hide 이펙트 트리거 / [01:59] Iris 효과 정의하기 / [04:52] 함수로 처리하기 / [09:17] mouseDown, mouseUp 이펙트 트리거 / [09:44] Move효과 정의하기 / [12:46] creationComplete 이펙트 트리거 / [13:24] rotate 효과 정의하기 / [16:52] 크기 변경 함수 만들기

17 다양한 이펙트(효과) 사용하기

20분

책갈피 : [00:00] animateProperty 사용하기 / [06:43] blur 효과 사용하기 / [08:19] 결과를 확인합니다. / [09:28] dissolve 효과 사용하기 / [10:52] 결과를 확인합니다. / [12:58] fade 효과 사용하기 / [14:33] 결과를 확인합니다. / [17:27] pause 효과 사용하기 / [18:43] 결과를 확인합니다.

18 다양한 이펙트(효과) 사용하기 2

17분

책갈피 : [00:00] Resize 효과 사용하기 / [06:57] 버튼에 연결하기 / [07:41] 결과를 확인합니다. / [09:31] mp3 플레이하기(SourdEffect) / [13:22] duration / [16:36] 결과를 확인합니다.

19 액션스크립트로 이펙트(효과)조작하기

18분

책갈피 : [00:00] Target 변경하면서 효과주기(액션스크립스트 사용) / [02:26] controlbar / [03:14] blur / [07:43] 결과를 확인합니다 / [08:11] Targets / [09:46] 액션스크립트로 이펙트(효과) 만들어 사용하기 / [15:39] CreationComplete / [17:41] 결과를 확인합니다.

20 다중효과 설정과 글꼴 지정하기

19분

책갈피 : [00:00] 여러효과 순서대로 진행하기(Sequence) / [06:13] 여러효과 동시에 진행하기(Parallel) / [12:40] 외부폰트 읽어오기 / [15:30] 외부폰트 설정하기 / [16:44] 내장폰트 설정하기 / [17:25] 결과를 확인합니다.

샘플확인 : 알지오 검색후 -> 강의검색란 -> 플렉스빌더3