Adobe Fireworks Bölüm 27 – Düğme Düzenleyicisini Kullanmak

Düğme düzenleyicisi bir düğmenin tüm durumlarını adım adım oluşturmamızı ve çalıştırmamızı sağlar.Çoğunlukla hazır düzenleyiciyi kullanacaksınız .Ancak isteyen kişiler düğmeleri elle oluşturabilirler.Düğme düzenleyicisini kullanmanız durumunda oluşturduğunuz düğme kütüphaneye eklenecek öyle kullanacaktır.Bu şekilde aynı türden diğer düğmeleri de görebilecek ve dilediğiniz anda tuval üzerine sürükleyerek kullanabileceksiniz. Önceki yazımda anlattığım rollover olayı hemen hemen bütün düğmelerde mevcuttur. Basit bir rollover sadece iki grafiğe gerek duyar bu nedenle düğmenin yüklenmesi hızlı olur.

Düğme düzenleyicisini açmak için Düzenle > Ekle > Yeni Düğme seçimi yapılır. Düğme düzenleyici düğmeleri düzenlediğiniz bir pencereyi açar.

   

Düğme düzenleyicisi üzerinde düğme oluşturmak için düzenleyicide dikdörtgen şeklinde bir şekil oluşturulur.

Dolgu rengi ve dış hat rengi seçilir. Düzenleyici üzerinde 5 sekme bulunur. Bu sekmeler imlecimizin konumuna göre düğmenin şeklini belirlememize olanak sağlar. Hemen hemen her yazımızda bahsettiğimiz Rollover resmini oluşturmak için sekmelerden üzerinde sekmesi tıklanarak yeni oluşturulan düğme oraya eklenir.Kullanıcının düğmeye tıklayınca değişmesini istemesi durumunda aşağı seçeneği üzerine bir düğme eklenir.Diğer iki sekmeye tıklamadan bitti düğmesine tıklanır. Düzenleyicimiz kapandıktan sonra tuvalimizin ortasında butonumuz oluşturulmuş olur. Yaptığımız bu adımlarla statik resimleri kullandık diyebiliriz. Ancak sekmelerden yukarı ve aşağı sekmelerini kullandığımız için butonumuzda Javascript kodu içerir. Javascript kodu bir nevi dilim adı verilen katman üzerine yerleştirilmiştir. Dilim kılavuzumuz görünmüyorsa Görünüm > Dilim Kılavuzları seçimi yapılarak görüntülenebilir. Ancak vektör veya bitmap tasarımı yaparken dikkat dağıtacağı için kimi zaman gizlenmesi gerekmektedir. Düğme düzenleyicisi yaptığımız düğmeyi “Düğme” adlı bir sembol olarak kütüphaneye eklemiştir. Yaptığımız düğmeyi kütüphane içerisinde görüntüleme işlemi için Pencere > Kitaplık seçimi yapılır. Kitaplıkta önizleme bölümünde yeni oluşturulan düğme görüntülenebilir. Düğmemizi kitaplık listesinden sayfaya sürükleyelim . Düğmenin bir örneği sayfaya yerleştirilir. Sürüklenip eklenen bütün düğmeler için yazılar birbirinin aynısı olacaktır. Yazılarını değiştirmemiz için buton tıklanır ve özellikler panelinden Metin alanı düzeltilir.Böylelikle yapacağımız her düğmeyi tek tek yapmaktan kurtulmuş olur zamandan tasarruf ederiz..