flash滾動條製作

2021-05-25 01:42:29 字數 2578 閱讀 4447

首先看這張圖,那麼多線條,其實就黃色框內的是有用的控制部分。

遮照不用說了,就是放個東西在你要顯示的範圍內,把放到被遮照的位置。

pane其實也是沒用的,讓別人知道個拖動範圍而已。

接著,為舞台上的例項命名

圖命名為:move_pic

拖動條命名為:move_bar

新手不要忽略了這步哦,本人以前總是忘記命名,每次都是**寫完了卻找不出錯誤,最後才發現原來還沒命名。命名規則也很重要,有時候隨便命個pic啊什麼的,例項多了容易出錯,而且習慣之後就難改過來了。

到這裡工作就完成80%了,是不是很簡單呢。

接下來,開始在最上面那個幀裡寫滾動條的**,先看我初步寫的:

move_bar.onmousedown = function() ;

move_bar.onmouseup = function() ;

this.onenterframe = function() ;

這裡寫成函式的形式,其實可以這樣理解:

move_bar.滑鼠一旦按下= 功能() ;

startdrag內的引數:0代表不鎖定在拖動塊的正中間,一般我們做拖動的時候都是不鎖定的,可以讓使用者拉著物件的任意部分拖動。後面四個數字是劃塊的拖動範圍。

初學的時候往往會不知道函式怎麼用,引數怎麼寫,這時候最好的方法不是問,是選中這個函式,然後按f1,幫助裡什麼都有。

你看是不是很詳細呢,還有相關函式的用法和例子。

同理:move_bar.一旦滑鼠離開 = function() ;

這裡要說明的是,不知道從flash幾開始,mc可以實現按鈕的所有功能了,onpress等語句同樣可以用在mc上,所以,這裡你也可以寫成onpress,onrelease,效果是一樣的。

最後還有10%沒完成:

this.onenterframe = function() ;

我們先不用在函式內部寫東西,我們先來理解一下什麼是onenterframe,這個東西是指一旦進入這幀以後會發生什麼事情。重要的它是迴圈執行的,你想他停都不是那麼容易的。當我們要讓某些函式往復執行的時候,就用到他。

那麼只要上過初中的朋友都不會對這個問題陌生,我們知道了和劃塊的兩個邊緣狀態(到底,劃塊到底;到頭,劃塊到頭)圖示如下:

於是,解乙個二元一次方程就能確定係數了,在這個例項中:

move_pic._y = -move_bar._y*67/28+0;把他寫到那個迴圈函式裡,就是:

this.onenterframe = function() ; 2

這裡提供了進一步的滾動條教程給大家參考...滾動條其實不難做, 主要方法如下: 演示例子:

1. 建立乙個動態文字(mytext), 再來建立乙個滾動條(scrollbar), 如圖:

2. 在幀上的控制程式碼為 :

scrollbar.initial = function() ;

scrollbar.onpress = function() ;

};scrollbar.onrelease = function() ;

scrollbar.initial();

//開始定義 就這樣而已... 很簡單吧... 如果有興趣的朋友可以進一步的增加功能

flash製作帶緩衝的滾動條

普通的滾動條在內容移動的時候看上去很生硬,怎麼讓它看上去舒服一點呢?加上緩衝!這樣看上去會非常流暢舒服。

總共只有兩個元件和乙個動態文字框(為了能使用遮罩把字型都嵌入了):

1,滑塊,例項名move_bar;

2,乙個遮罩元件,用來控制顯示內容區域的大小,例項名mask;

3,動態文字例項名為txt。

下面是**,寫在楨上就行了。

//首先定義滑塊的移動範圍  

barup = 67;  

bardown = 204;  

barpos = 446;  

//然後是緩衝的程度,速度值越大緩衝越明顯  

speed = 6;  

//然後這個是計算比例,也就是滑槽和內容的可移動長度之比  

prop = (txt._height-mask._height)/(bardown-barup);  

//記錄下內容的最初位置  

txtorigin = txt._y;  

//在滑塊上按下的時候開始拖動,down用來判斷是否處在拖動中  

move_bar.onpress = function() ;  

//滑鼠鬆開的時候停止拖動,down變為0  

move_bar.onmouseup = function() ;  

//這個是關鍵,enterframe加上if(down),也就是在拖動的時候不停地執行if裡面的程式  

this.onenterframe = function()   

//文字內容y值的每一次變化量=(目標位置-當前位置)除以緩衝速度。注意這一句不能放在if迴圈裡面,否則滑鼠一鬆開緩衝就停止了  

txt._y += (txt.m_y-txt._y)/speed;  

};ok, 測試一下,別忘記把楨數設高一點(我用的是48),這樣看上去效果流暢。**考慮了易用性,使用在其他地方的時候,只需要改一下滑塊的範圍,設好各個元件的例項名就可以了。

Flash 自製滾動條元件

前幾天做了乙個動畫,其中用到要滾屏的東西,就做了乙個滾動條,雖然flash元件中有這個控制項,但是與我的動畫效面不匹配,就自己做了,並把它封裝成了元件,方便使用。這個元件較簡單,只實現了垂直滾動 使用也簡單,不用寫一行 把元件拖進去,設定一下引數就實現滾動條了。我依然用的是flash 8,雖然好多年...

python橫向滾動條 控制滾動條

調過js指令碼控制 python 1.coding utf 8 2.from selenium import webdriver 3.import time 5.driver webdriver.firefox 6.driver.get 7.搜尋 8.driver.find element by i...

谷歌滾動條設定 IE滾動條設定

google瀏覽器chrome設定滾動條樣式 courrlist webkit scrollbar courrlist webkit scrollbar track courrlist webkit scrollbar thumb courrlist webkit scrollbar thumb w...