[Flash tut] Làm Preloader bar

Trần Bích Thủy
(candy_honey)

Điều hành viên
Các hàm có thể dùng để thể hiện quá trình nạp file là
getBytesTotal() để xác định dung lượng tổng cộng của file
getBytesLoaded() để xác định số bytes đã được download xuống
tât' nhiên có nhiều hàm để làm việc này ví dụ như _framesloaded(số frame đã được tải xuống hay _totalframes(tổng số frame) hay ifFramLoaded() nhưng chúng không có tính ổn định và chính xác như 2 hàm trên
Frame 2 là Frame chứa Movie Clip chính mà bạn muốn nó tải xuống
Frame 1 là Frame chứa Preloader sẽ được thể hiện trước tiên
Tại Frame 1: tạo một Dynamic Text và đặt tên cho nó là sophantram (thể hiện số phân` trăm đang được tải xuống)ví dụ như Now Loading 50%
Tạo một thanh Progress Bar nó là hình chữ nhât màu đỏ sẽ dài ra theo tỉ lệ phần trăm tải xuống
Convert nó thành Movie clip
Tạo bên dưới của nó là hình màu vàng để tạo nền
Chèn đoạn code sau vào Action của Movie Clip Progress Bar

Code:
[FONT=Verdana, Arial]onClipEvent(enterFrame){[/FONT]
[FONT=Verdana, Arial]1 tongsobytes=_root.getBytesTotal();[/FONT]
[FONT=Verdana, Arial]2 sobytesdangnap=_root.getBytesLoaded();[/FONT]
[FONT=Verdana, Arial]3 phantram=(sobytesdangnap/tongsobytes)*100;[/FONT]
[FONT=Verdana, Arial]4 phantram=int(phantram);[/FONT]
[FONT=Verdana, Arial]5 if(sobytesdangnap==tongsobytes){[/FONT]
[FONT=Verdana, Arial]6 _root.gotoAndPlay(2);[/FONT]
[FONT=Verdana, Arial]7 } else {[/FONT]
[FONT=Verdana, Arial]8 _root.gotoAndStop(1);[/FONT]
[FONT=Verdana, Arial]9 _root.sophantram.text="Now Loading " + phantram + " %";[/FONT]
[FONT=Verdana, Arial]10 this._xscale=phantram; }}[/FONT]


các số là để giải thích cho dễ
1 xác định tổng số bytes của file và gán nó cho biến tongsobytes
2 xác định tổng số bytes đã được tải xuống trong quá trình nạp và gán nó cho biến sobytesdangnap
3 xác đinh phân` trăm giữa số bytes đã tải xuống và tổng số byte
4 vì phantram lúc này là số thâp phân nên ta đổi nó thành số nguyên
5,6 nếu tải xuống hết nghĩa là sobytesdangnap=tongsobytes thì chuyển playhead sang Frame 2 và bắt đâù chơi từ đó
7,8 ngược lại thì tiếp tục dừng lại tại Frame 1 để thể hiện nốt PreLoader
9 hiện dòng thông báo trên Dynamic Text ví dụ như Now Loading 50%
10 dãn Progress bar theo tỉ lệ phần trăm (100% là chiều dài ban đâù của nó)
Cuối cùng là bạn Test nó ngay trên máy tính của bạn dùng phương pháp giả lâp Modem 56Kbps


Nhân Ctrl + Enter để Test sau đó vào View>> Simulate Download (hay nhấn Ctrl + Enter một lân` nữa)
Nếu muốn thiết lâp lọai Modem bạn muốn giả lâp thì vào View>>Download Settings

(credit to vnfx)
 
Chỉnh sửa lần cuối:
hay quá, đúng cái em cần.
Cảm ơn chị ^^
 
^^ uhm .. hôm nay chị mới có thời gian ngồi làm thử nghiệm ... thấy tut viết làm dễ hiểu mà làm thành công đc rồi chị mới dám post lên đây ... :x ...

.. bao h e có tut nào hay thì cứ post vào đây nhé ;) .. tut tự làm mà tốt chị sẽ cộng 3 điểm chất lượng cho ;) ...
 
em làm ngay 1 cái đây :smoking:
 
Chỉnh sửa lần cuối:
Back
Bên trên