此教程是webstudio的預計將在11月底出版的新書[1b]>[/1b]第八章最后一節中的內容,以此用作示范,使更多的flash網友了解這本書.webstudio專為此書開設了[1b]
[url=http://www.webstudio.com.cn/forum/forumdisplay.php?f=26]
在線問答
[/url]
[/1b]版塊.同時也希望在此版塊中傾聽網友的建議和意見,以使我們可以做的更好.
Scrollbar即滾動條,對我們來說再熟悉不過了,從我們開始使用Windows操作系統那一天開始就已經知道滾動條了,它可以幫助我們在較小的區域內顯示更多的內容,這也是它非常實用的主要原因。在我們創建Flash站點時,總會或多或少的用到它。下面將研究滾動條的應用。
[1b]1.文本滾動[/1b]
首先來看一個簡單的文本滾動,最簡單的滾動就是我們常見的上下箭頭,它同樣可以達到滾動的效果,如下圖所示。

當然你可以任意對它的位置進行變換,它的應用是比較簡單的,只是TextField.scroll方法的應用而已。
范例11
[1b]
[url=/Files/BeyondPic/2006-11/16/scroll_external_text.swf]
演示文件
[/url]
[/1b]

范例11源文件
booksource/第8章/scrollbar/scroll_external_text.fla
(1)重新創建好了一個FLA文檔,將它存為scroll_external_text.fla。
(2)準備兩個按鈕,例如一個向上和一個向下的MovieClip,這里準備使用的是MovieClip,當然你可以使用按鈕。將它們放在第一層上,擺好位置,并在屬性面板上分別為其命名為down_btn和up_btn。
(3)選中場景中上的第1幀,按下F9鍵,打開ActionScript面板,在其中寫入如下腳本。
[1b]代碼:[/1b]?
//載入外部文本
var my_lv = new LoadVars();
my_lv.onLoad??= function(success){
????if(success){
????????my_txt.text = this.mytext;
????????my_txt.setTextFormat(my_fmt);
????}else{
????????trace("error load the external files");
????}
}
my_lv.load("hello.txt");
//創建字體各式實例對象
var my_fmt = new TextFormat();
my_fmt.bullet = true;
my_fmt.bold = true;
my_fmt.color ="0x669933";
//創建動態文本并指定文本格式
this.createTextField("my_txt",this.getNextHighestDepth(),10,10,530,120);
my_txt.wordWrap = true;
my_txt.multiline = true;
my_txt.border = true;
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//滾動
//向上滾動
down_btn.onRelease = function(){
????my_txt.scroll--;
}
//向下滾動
up_btn.onRelease = function(){
????my_txt.scroll++;
}
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
?
前面的一大段代碼都是介紹過的內容,最后一段是應用的滾動方式,如my_txt.scroll--和my_txt.scroll++,這兩句中的scroll是TextField的滾動方法,至于++和--實際上相當于my_txt.scroll =my_txt.scroll+1和my_txt.scroll = my_txt.scroll-1。
(4)測試影片,點擊按鈕MovieClip,文本就可以上下滾動了。
(5)可能你還希望兩個滾動按鈕能夠在被按下去不放時一直讓內容不停地滾動,那么只要找一種方法讓scroll不斷地循環執行就可以了,首選當然是onEnterFrame。
只需要將滾動代碼改寫如下即可。
范例12
[1b]
[url=/Files/BeyondPic/2006-11/16/scroll_external001_text.swf]
演示文件
[/url]
[/1b]
范例12源文件
booksouce/第8章/scrollbar/ scroll_external001_text.fla
本文轉自:http://www.5uflash.com/flashjiaocheng/Flashyingyongkaifa/396.html
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
