Lesson 05: Document Class, Events and FlashDevelop Tool

28
Document Class and Introduce Flash Develop • Document Class là gì? • Viết mã lệnh trên Document Class thay thế cho timeline • Giới thiệu về Flash Develop

description

Nội dung hướng về những khái niệm sẽ giúp bạn thực hiện được ngay một project AS3 đơn giản.

Transcript of Lesson 05: Document Class, Events and FlashDevelop Tool

Page 1: Lesson 05: Document Class, Events and  FlashDevelop Tool

Document Class and

Introduce Flash Develop

• Document Class là gì?• Viết mã lệnh trên Document Class thay thế cho timeline• Giới thiệu về Flash Develop

Page 2: Lesson 05: Document Class, Events and  FlashDevelop Tool

Document Class là gì

Page 3: Lesson 05: Document Class, Events and  FlashDevelop Tool

DocumentClass

• Document Class là nơi để hệ thống khởi chạy chương trình, những mã lệnh đầu tiên được đọc khi khởi chạy chương trình nằm trong Document Class (cụ thể là constructor của nó).

Page 4: Lesson 05: Document Class, Events and  FlashDevelop Tool

DocumentClass

Viết mã lệnh trên Document Class thay thế cho timeline

Page 5: Lesson 05: Document Class, Events and  FlashDevelop Tool

DocumentClass

• Lợi thế :– Kết quả tương đương với việc viết mã lệnh

trên time line nhưng dễ quản lý và kiểm soát. – Tránh được tình trạng gọi lại khi flash quay

trở lại khung hình chứa mã lệnh (bởi khi flash chạy đến khung hình nào thì toàn bộ mã lệnh trong khung hình đó sẽ bị gọi và điều này dễ dẫn đến hậu quả ngoài dự đoán).

Page 6: Lesson 05: Document Class, Events and  FlashDevelop Tool

Tạo một class bằng Flash Professional

Tạo một class mới

Page 7: Lesson 05: Document Class, Events and  FlashDevelop Tool

Tạo Class

• Đặt tên Class

Click ok sau khi chọn được tên phù hợp (tên ví dụ là Main)

Page 8: Lesson 05: Document Class, Events and  FlashDevelop Tool

Tạo Class• Mọi mã lệnh nằm trong phần “constructor code” sẽ được gọi ngay

khi khởi chạy chương trình (nhấn tổ hợp ctrl+enter)• Lưu ý thêm dòng extends MovieClip (bắt buộc) đằng sau public

class Main

Page 9: Lesson 05: Document Class, Events and  FlashDevelop Tool

Tạo Class

• Tạo mới 1 file fla type là ActionScript 3.0

Page 10: Lesson 05: Document Class, Events and  FlashDevelop Tool

Tạo Class

• Trong constructor code viết dòng lệnh trace một dòng chữ bất kỳ (như “hello world”) và save lại vào một thư mục bất kỳ.

• Tạo mới một file .fla và save vào cùng thư mục với file Main.as vừa tạo

Page 11: Lesson 05: Document Class, Events and  FlashDevelop Tool

Tạo Class

• Trong file .fla vừa tạo lựa chọn • Class trong property panel • Ctrl+Enter để thấy kết quả

Page 12: Lesson 05: Document Class, Events and  FlashDevelop Tool

Flash Develop

Giới thiệu về Flash Develop

Page 13: Lesson 05: Document Class, Events and  FlashDevelop Tool

Flash Develop là gì

• Flash develop là một công cụ hỗ trợ lập trình miễn phí và có mã nguồn mở

• Phiên bản mới nhất hiện tại là 4.0.1 (khuyên dùng)

• Ưu điểm:1. Miễn phí

2. Mã nguồn mở

3. Hỗ trợ tối ưu cho code ActionScript

Page 14: Lesson 05: Document Class, Events and  FlashDevelop Tool

Lợi ích của việc sử dụng FlashDevelop

1. Hỗ trợ tối ưu trong viết code ActionScript

2. Giao diện sử dụng khá đẹp và dễ quản lý

Page 15: Lesson 05: Document Class, Events and  FlashDevelop Tool

• Hỗ trợ nhiều công việc

Page 16: Lesson 05: Document Class, Events and  FlashDevelop Tool

Cài đặt FlashDevelop

Lần lượt theo các bước

Page 17: Lesson 05: Document Class, Events and  FlashDevelop Tool

Bỏ chọn toàn bộ các tùy chọn basic, nếu không tải lần đầu sẽ lâu và không cần thiết

Page 18: Lesson 05: Document Class, Events and  FlashDevelop Tool

Chọn thư mục muốn cài đặt

Page 19: Lesson 05: Document Class, Events and  FlashDevelop Tool

Sử dụng Flash Develop

• Tạo các project

Page 20: Lesson 05: Document Class, Events and  FlashDevelop Tool

FlashDevelop có hỗ trợ nhiều loại project đáp ứng nhiều yêu cầu, tuy nhiên trong chương trình học chúng ta sẽ chỉ chọn 2 loại project chính, lưu ý là chọn chúng trong nhóm ActionScript 31. Flash IDE Project2. Actionscript 3.0 Project

Page 21: Lesson 05: Document Class, Events and  FlashDevelop Tool

Flash IDE project AS3 project

Yêu cầu cài đặt cả FlashDevelop và Flash Professional

Chỉ cần FlashDevelop

Sử dụng Flash Professional để compile Sử dụng bộ flexSDK để compile

Các đặc điểm chính của Flash IDE project và AS3 project

Page 22: Lesson 05: Document Class, Events and  FlashDevelop Tool

Tên Project

Vị trí của project

Tạo một Flash IDE Project

Page 23: Lesson 05: Document Class, Events and  FlashDevelop Tool

Tại cửa sổ Project panel (panel giúp quản lý các file và dữ liệu bên trong Project

Click chuột phải tại một nơi bất kỳ trong khoảng trắng, chọn Add để thêm file mới (ở đây ta chọn New Class để tạo một lớp mới)

Page 24: Lesson 05: Document Class, Events and  FlashDevelop Tool

Đổi tên class thành The First Class

Page 25: Lesson 05: Document Class, Events and  FlashDevelop Tool

Màn hình Class FirstClass

Chúng ta viết một dòng trace đơn giản để kiểm tra

Page 26: Lesson 05: Document Class, Events and  FlashDevelop Tool

Vậy làm thế nào để có thể giao tiếp với Flash Professional

Tạo một file .fla và save ngay tại thư mục tạo project (nếu chẳng may các bạn quên địa chỉ thư mục thì 1. Click chuột phải vào một ô trắng bất kỳ bên project panel2. Chọn Explore

Page 27: Lesson 05: Document Class, Events and  FlashDevelop Tool

2. Tạo mới một thư mục .fla và đặt tên bất kỳ (hello world) chẳng hạn3. Save lại và quay về Flash develop bạn sẽ file mình vừa tạo

Bên trong file HelloWorld.fla bạn điền vào ô input document class trong property panel tên file .as (ở đây là TheFirstClass)

Ok hãy ctrl enter !!! Nếu dòng trace hiện ra thì tức là Flash Develop đã kết nối thành công

Page 28: Lesson 05: Document Class, Events and  FlashDevelop Tool

Any Question ???