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

Document Class là gì

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ó).

DocumentClass

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

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).

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

Tạo một class mới

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)

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

Tạo Class

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

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

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ả

Flash Develop

Giới thiệu về Flash Develop

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

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ý

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

Cài đặt FlashDevelop

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

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

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

Sử dụng Flash Develop

• Tạo các project

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

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

Tên Project

Vị trí của project

Tạo một Flash IDE Project

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)

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

Màn hình Class FirstClass

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

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

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

Any Question ???