Dijital çalışmalarınızda metinleriniz için yeteri kadar alanınız yoksa scrollbar imdadınıza yetişerek işinizi kolaylaştırıyor. Hatta flash, scrollbar bileşeni ile hızlı olarak metin alanları için scroll özelliği oluşturmanızı sağlıyor. Tabii bu bileşenlerin görünümü web sayfanızın veya çalışmanızın genel tasarımına pek uymayabilir. İşte bu nokta kendi scrollbarınızı yapma ihtiyacı hissedeceksinizdir.

Bu derste kendi tasarladığımız bir scrollbar uygulaması yaparak metin alanlarımızı kontrol edeceğiz. Bunun için ön hazırlık olarak şunları flash sahnesinde yapmanız gerekiyor:

İşte çalışmamızın kodları:

// metin alanı oluşturulur

var konusma:String="ASlasdasddhssdbkfh6345634563456fghdfghdghfgh45656456345634aksddbakdbkasbdkasbkdbaskdbaksdbkasbdkasbdkabsdkabskdbakdbkasbdkabdkasbdkasbhfdklmsrşeltjermnvldmngoergldvşwÖEFPORJGPJF4WEI3*TJSMDLŞKFVLAHTOEDFLSAMNŞCLMNOFHGASK";
alan_txt.text=konusma;
alan_txt.multiline=true;
alan_txt.wordWrap=true;


// Aşağı ve yukarı scroll butonlarını oluşturulur

yukari_btn.addEventListener(MouseEvent.CLICK,yukari);
asagi_btn.addEventListener(MouseEvent.CLICK,asagi);

// yukarı butonuna tıklandıkça metin alanı
// aşağıya doğru kayar
function yukari(evt:MouseEvent):void {
    alan_txt.scrollV-=1;


}

// aşağı butonuna tıklandıkça metin alanı
// yukarı doğru kayar

function asagi(evt:MouseEvent):void {
    alan_txt.scrollV+=1;

}

// kutu_mc scroll butonu oluşturuluyor
kutu_mc.addEventListener(MouseEvent.MOUSE_DOWN,surukle);
stage.addEventListener(MouseEvent.MOUSE_UP,birak);

// kutu_mc'nin sürüklenebilme alanı
// rectangle nesnesi oluşturularak sınırlandırılıyor

var durumSurukle:Boolean=false;
var sinir:Rectangle=new Rectangle(kutu_mc.x,kutu_mc.y-15,0,100);

// kutu_mc suruklenebilir yapılıyor

function surukle(evt:MouseEvent):void {
    kutu_mc.startDrag(false,sinir);
    durumSurukle=true;
}

// kutu_mc bırakılabilir yapılıyor
function birak(evt:MouseEvent):void {
    kutu_mc.stopDrag();
    durumSurukle=false;
}

// kutu_mc hareket ettikçe metin alanı kaydırılıyor

stage.addEventListener(Event.ENTER_FRAME,kaydir);
function kaydir(evt:Event):void {
    if (durumSurukle) {
        alan_txt.scrollV=Math.round((kutu_mc.y-sinir.y)*alan_txt.maxScrollV/100);

    }

}

// metin alanı aşağı yukarı hareket ettiğinde
// kutu_mc'ninde hareket etmesi sağlanıyor
alan_txt.addEventListener(Event.SCROLL,kutuKaydir);
function kutuKaydir(evt:Event) {
    kutu_mc.y=sinir.y+(alan_txt.scrollV/alan_txt.maxScrollV*100);
}

// Farenin tekerlekleri ile metin alanı hareket ettiriliyor

alan_txt.mouseWheelEnabled=true;

Uygulama Dosyaları:

Yazan: Muttalip TULGAR