AloFlash ! Cộng đồng flash Việt Nam



You are here: Tutorials  AS 1.0 - 2.0 Điều khiển text bằng ActionScript

Điều khiển text bằng ActionScript

Email In PDF.
Xem kết quả: / 8
Bình thườngTuyệt vời 

Mọi người thấy hay không, nếu thấy hay thì vào xem nhé. smiley

Hôm nay mới rảnh, mình viết Tut này cho các bạn nghiên cứu.

Bước 1:

Tạo 1 file tài liệu flash mới. Ctrl + N. để nền Stage cho flash là nền Đen.

Bước 2:

Thiết kế những thứ cần thiết cho file của bạn.

Đầu tiên ta sẽ sử dụng công cụ Text tool (T), chọn loại là Static Text viết 1 dòng chữ như Flash mẫu bên trên là: "Mời bạn gõ tọa độ vào đây:". Màu của Text bạn chọn màu trắng cho nổi.

Sau đó bên phải đoạn text này bạn sử dụng công cụ Rectangle Tool (R), bạn lựa chọn Fill color trong suốt và Stroke color là màu Trắng rồi vẽ 1 ô để làm nền cho phần nhập tọa độ ở bước sau.

Bước 3:

Lại sử dụng công cụ Text Tool (T), bạn chọn loại là Input Text vẽ đè lên khung nhập text ở bước 2 bạn vừa vẽ.

Phần Variable bạn đặt là num.

Bước 4:

Chúng ta bắt đầu tạo Button cho flash này.

Có 2 cách: 

1. Bạn có thể dùng thư viện Button có luôn trong flash.

2. Bạn có thể vẽ button theo phong cách riêng của mình như mình làm trên file flash mẫu trên.

Ta sẽ được kết quả như sau:

Bước 5:

Chúng ta sẽ tạo đoạn text mà chúng ta muốn điều khiển nó. Bạn lại dùng công cụ Text Tool (T), viết 1 đoạn text mà bạn muốn điều khiển, như trên file mẫu ở trên mình viết là "aloflash".

Bước 6:

Tiếp theo bạn chọn đoạn text vừa viết chuột phải vào và chọn Break Apart, làm vậy 2 lần nhé để nó thành dạng bitmap.

Bước 7:

Bạn có thể nhấn Ctrl + để phóng to đoạn text lên cho dễ làm bước này nhé. Chúng ta sẽ chia đoạn text này thành 5 Movie Clip.

Bạn sử dụng công cụ Selection Tool (V), Giữ chuột và kéo 1 đường như hình vẽ.

Và sau khi nhả chuột ra sẽ là:

Tiếp theo bạn nhấn F8 để convert nó thành Symbol Movie Clip. Đặt tên cho Movie Clip này là up.

Tiếp tục như vậy đến phần tiếp theo của text.

đặt tên cho Movie Clip này là: up2

Cứ như vậy bạn hãy tạo thành 5 Movie Clip như hình:

Tên của từng Movie Clip bạn đặt lần lượt từ trên xuống là: up, up2, mid, dn2dn

Bước 8:

Chúng ta đã xong về mặt Design (bạn có thể thiết kế sao cho đẹp hơn hay lung linh hơn, mình chỉ làm 1 ví dụ đơn giản nhất như vậy thôi). Giờ bắt tay vào chèn code cho nó chạy. :)

Tạo 1 layer mới, click vào frame đầu tiên nhấn F9 rồi bạn chèn code sau vào:

num_x = 100;
function mover(name,no) {
this_x = getProperty(name,_x);
new_x = _root.num_x;
movement = new_x-this_x;
setProperty(name, _x, this_x+(movement/no));
}

Sử dụng công cụ Selection Tool (V), Click vào button bạn tạo ở trên và nhấn F9, chèn vào đoạn code sau:

on (release) {
num_x = num;
}

Tắt trình soạn thảo code bằng cách nhấn F9 lần nữa, tiếp tục click vào Movie Clip up ở text bạn tạo ở trên

chèn vào đoạn code:

onClipEvent (enterFrame) {
_root.mover(this,7);
}

Tương tự như vậy bạn click tiếp vào movie Clip up2 nhấn F9 chèn đoạn code sau:

onClipEvent (enterFrame) {
_root.mover(this,5);
}

Tương tự Movie Clip mid bạn chèn đoạn code sau:

onClipEvent (enterFrame) {
_root.mover(this,3);
}

Movie Clip dn2 bạn chèn:

onClipEvent (enterFrame) {
_root.mover(this,4);
}

Movie Clip dn bạn chèn:

onClipEvent (enterFrame) {
_root.mover(this,6);
}

OK, như vậy là đã hoàn thành bạn thử nhấn Crtl + Enter xem đã chạy ngon chưa nhé.

Chúc các bạn thành công.

aloflash.com

Download

Bình luận (4)Add Comment
0
...
được viết bởi Trung, Tháng mười 01, 2010
Anh Linh viết 1 tút tạo Button và cách chèn link vào đi.
Tut ứng dụng trong CS5 nhé.
Thank anh!...
0
...
được viết bởi aloflash, Tháng mười 01, 2010
OK, bạn muốn làm cái Button giống thế ah. Hi mình có mấy file flash button để mình gửi bạn tham khảo. Tại đợt này bận quá. đang làm cái giao diện demo cho báo an ninh thủ đô. Hic.

Ah đây là link 3 cái Demo mọi người xem rồi cho mình ý kiến nhé.

http://aloflash.com/demo.png
http://aloflash.com/demo-2.png
http://aloflash.com/antd.png

Thanks you chúc vui vẻ. smilies/grin.gif
0
...
được viết bởi huy1878, Tháng một 02, 2011
Cái file nguồn của anh sao em không thể gõ tọa độ vào được nhỉ
0
...
được viết bởi thanhphuong, Tháng một 27, 2011
Admin oi! Link down file nguồn lỗi rồi,anh sửa lại cho mọi người down với!smilies/smiley.gif

Viết bình luận
nhỏ hơn | lớn hơn

busy