API vẽ Flash CS3, ActionScript 3, Lớp hình dạng

• Tháng Tư 29, 2024

Một trong những điều yêu thích của tôi trong Flash là vẽ lên Sân khấu. Nhưng tôi không nói về việc vẽ bằng các công cụ vẽ Flash như công cụ Hình chữ nhật hoặc Hình bầu dục. Trong hướng dẫn này, chúng ta sẽ tìm hiểu những điều cơ bản để vẽ bằng ActionScript 3 và API Vẽ.

Tôi ngần ngại nói quá nhiều về lập trình OOP và các lớp trong hướng dẫn cho người mới bắt đầu của tôi vì nó chỉ khiến mọi thứ trở nên phức tạp hơn. Nhưng hướng dẫn này là một ngoại lệ. Nó là hoàn hảo để giới thiệu khái niệm cơ bản của các lớp OOP. Một lớp OOP trong ActionScript chỉ là một nhóm thông tin được dựng sẵn, được gọi là các thuộc tính và phương thức. Thông tin dựng sẵn này giúp lập trình viên tiết kiệm rất nhiều thời gian khi mã hóa ActionScript vì không cần phải viết lại thông tin này trong mỗi chương trình yêu cầu sử dụng một lớp cụ thể.

Trong hướng dẫn này, chúng ta sẽ sử dụng lớp Shape, thuộc tính Đồ họa được xác định trước và một số phương thức của nó để vẽ một vòng tròn đơn giản trên sân khấu.

Thuộc tính đồ họa
phương pháp lineStyle
phương pháp startFill
phương pháp drawCircle
phương thức endFill ()

Bước đầu tiên của chúng tôi là tạo một lớp Hành động trên Dòng thời gian, nhấp vào Khung 1 và mở bảng Hành động (Cửa sổ - Hành động). Dòng mã đầu tiên của chúng tôi sẽ tạo ra một biến mới sẽ giữ vòng tròn.

var myCircle: Shape = new Shape ();

Trong đoạn mã trên, chúng tôi đang tạo một biến mới và đặt tên là "myCircle". Chúng tôi đang thiết lập kiểu dữ liệu cho biến mới này thành Hình dạng. Mặt khác, chúng tôi đang sử dụng Mới từ khóa để tạo một thể hiện mới của lớp Shape.

Nếu bạn đã sử dụng các công cụ vẽ Flash, bạn sẽ biết rằng một hình có cả Stroke và Fill. Khi sử dụng lớp Shape để vẽ, bạn cũng có Stroke và Fill. Trong một vài dòng mã tiếp theo, chúng tôi sẽ xác định Stroke và Fill cho myCircle của chúng tôi.

myCircle.graphics.lineStyle (2, 0x000000);

Trong đoạn mã trên, chúng tôi đang thiết lập các giá trị Stroke bằng phương thức lineStyle của thuộc tính Graphics. Chúng tôi sẽ đặt giá trị độ rộng của Stroke tính bằng pixel và màu của Stroke với giá trị thập lục phân. Ở trên, chúng tôi đã đặt Stroke cho vòng tròn của chúng tôi thành chiều rộng 2 pixel và màu đen.

Tiếp theo, chúng tôi sẽ điền vào vòng tròn. Một lần nữa chúng ta sẽ sử dụng thuộc tính Graphics và phương thức startFill của nó. Hai giá trị mà chúng ta có thể kiểm soát cho Fill of the circle là màu và alpha. Bạn phải đặt giá trị cho màu và nếu không, Flash sẽ rất khó chịu. Nhưng, thiết lập giá trị alpha là tùy chọn. Hãy đặt Fill cho vòng tròn của chúng tôi thành màu đỏ. Một lần nữa chúng ta sử dụng thập lục phân.

myCircle.graphics.beginFill (0xff0000);

OK, bây giờ chúng ta cần nói với Flash nơi để vẽ vòng tròn trên sân khấu. Như bạn mong đợi, bạn cần đặt giá trị cho trục X và Y và bán kính của vòng tròn. Chúng tôi sẽ làm điều này với phương thức drawCircle, một phần của thuộc tính Đồ họa.

myCircle.graphics.drawCircle (100, 200, 50);

Trong dòng mã này, chúng tôi đang bảo Flash vẽ vòng tròn 100 pixel của chúng tôi từ góc trên bên trái của sân khấu dọc theo trục X và 200 pixel dọc theo trục Y. Vòng tròn của chúng tôi sẽ có bán kính là 50. Khi bạn đặt các giá trị này, hãy quan tâm đến thứ tự bạn liệt kê chúng trong mã. Giá trị đầu tiên của bạn sẽ dành cho trục X và giá trị thứ hai dành cho trục Y. Thứ ba là cho bán kính. Nếu bạn cung cấp cho Flash các giá trị này theo thứ tự, bạn sẽ nhận được một số kết quả không mong muốn.

Cuối cùng, chúng ta cần thêm vòng tròn của mình dưới dạng đối tượng hiển thị con vào danh sách hiển thị.

addChild (myCircle);

Ồ, tôi đã để lại một dòng mã của chúng tôi! Mặc dù mã của chúng tôi sẽ hoạt động như bình thường, chúng tôi đã bỏ qua phương thức endFill () sẽ "đóng" quá trình vẽ. Điều này không thực sự cần thiết vì endFill () được gọi tự động. Nhưng đó là một cách thực hành tốt để thêm nó vào mã của bạn ngay trước addChild ().

myCircle.graphics.endFill ();

Đây là mã hoàn chỉnh.

Bản quyền 2018 Adobe Systems Incorporated. Đã đăng ký Bản quyền. (Các) ảnh chụp màn hình sản phẩm Adobe được in lại với sự cho phép của Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Đóng góp, Cap activate, Flash Catalyst và Flash Paper là / là [a] nhãn hiệu đã đăng ký [s] hoặc nhãn hiệu [s] của Adobe Systems Incorporated tại Hoa Kỳ và / hoặc các quốc gia khác.