Flash Component ile Accordion Menü Tasarımı

Bu derste size şahsen çok beğendiğim ve eğlenceli bulduğum bir Flash Componentını ve kullanılmasını göstereceğim: Accordion Menü!

Merhaba arkadaşlar ;

Bu derste size şahsen çok beğendiğim ve eğlenceli bulduğum bir Flash Componentını ve kullanılmasını göstereceğim : Accordion Menü !



Hemen bir çalışma açın ve Window-Component panelinden User Interface kısmından Accordion componentını ekrana bırakın.Bu kadar basitti,asıl kısım tasarım ve parametreleri eklemekte. Hemen accordion menuyu tutun ve alttaki properties panelinmden parameters kısmına gelin.İşte bu component için ekleyeceğimiz her görseli buradan ekleyeceğiz.



Bu kısımda ekleyeceğiniz adlar yaratacağımız her Movie Klipin Linkage adı olacak. Mesela childIcons kısmına tıklayarak + işaretiyle her açılan sıra için bir ikon adı verebiliriz. Ancak ben adobe_icon Linkage adı verilmiş bir movie klip yaratmış olmalıyım. Bunun için önce CTRL-F8 ile bir movie klip oluşturmalı,bunun içine ikon olarak kullanacağımız sembolu gerekli ölçülerde eklemeliyiz.Daha sonra ana sahneye döndüğümüzde bu movie klipi sahneye bırakmayacağız,sahneye bıraktığımızda Instane Name vererek Actionscript ile çağırabiliyorduk,ancak Libraryde bulunan ancak sahnede kullanmadığımız Movie klipler için onlara sap tıklayarak properties girip bir Linkage adı vererek bu ad ile sahnede design time değil runtime çağırabiliriz. İşte burada da Akordiyon menu açıldığında gelecek movie klipleri kendi Actionscript ile Linkage yardımıyla çağıracak. Movie Kliplere aşağıda göstermeye çalıştığım gibi yaratırken bir Linkage adı vermek için Linkage - Export for Actionscript işaretleyip Identifier kısmına bu adı yazabilirsiniz.



childIcons için 2 adet Movie klip yaratıp kütüphanede Linkage adlarını verdim ve Accordion Menu de bu adları sıralarıyla ekledim. Linkage adları verirken türkçe karakter ve boşluk kullanmayın.

childLabel ise gözükmesini istediğiniz açılan akordiyon menu başlıklarıdır. Burada boşluk ve türkçe karakter rahatça kullanabilirsiniz.

childNames kısmında da accordion menu adım sayısı ve adını belirtiyoruz.

childSymbols kısmı en önemli kısım.Burada da aynı ikonda yaptığınız gibi yeni bir movie klipi library için yaratıp sahneye bırakmadan Linkage adı veriyoruz ve açılan akkordion menulerin içinde gelecek Movie klip Likage adlarını buraya yazıyoruz.

Ben her component'ta olduğu gibi bu Accordion Menu componentını da bir Movie Klip içerisinde tasarladım ve o Movie Klipe Tint-Mavi ve Glow filtresi verdim,böylelikle tasarımınızla uygun öylesine gri olmayan bir component elde ettim. Bu kısımda takılanlar için ScrollBar componentına eklediğim aynı işlemleri ScrollBar ekleme örneğimden görebilirler.

Ayrıca takıldığınız noktalar mutlaka olacaktır, yukarıdaki örneğimin fla dosyasını inceleyebilirsiniz

İyi tasarımlar...


  • Etiketler;
Ercan Altuğ Yılmaz
1981 İstanbul doğumlu. Öğrencilik kariyerine Maltepe Üniversitesinde e-MBA yaparak devam etmektedir. <p>Eğitmenliğe 2000 yılında Akademi-İstanbul'da Web Tasarımı eğitimleri vermekle başladı. İznik Akademisi, Digiturk, Medyasoft, SmartPRO gibi yerlerden sonra, şu an Netron Bilişim Akademisi Web & Grafik Tasarım Ürünleri Eğitmenidir. <p> Sanalkurs.net üzerindeki dersleriyle de sizlere yol göstermeye devam edecek.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Çok teşekkürler. Gerçekten güzel bir çalışma.
Süper ... Tam aradığım şeydi açıkçası. Teşekkürler...
link çalışımıy
Sağ tıklayıp farklı kaydedin lütfen, Kolay gelsin..
peki diyelimki menü başlıklarından birinin alt menüsü olmucak , o zmn napıcaz bunu da anlatabilir misiniz? yani bu tarz bi menüde btn başlıkların alt menüsü olcak mı ill? ben resim yerine yazı şeklinde kullancam çünkü ve örneğin anasayfanın alt menüsü olmamalı..anlatabilmişimdir umarım..şimdiden tşk .ler
Merhaba mine, alt menu değil component oldugundan parametrelerde bize tanınan kısım kadar geliştirebiliyoruz.3 tane açılan menuyu istediğin kadar çoğaltabilirsin.Ama tıklayınca içeride aynı menuden accordion içine accordionlu Movie kliple olabilir zor. Ancak logoya tıklanınca yeni bir frame veya sahnede sağ kısımda o içeriği getirebilirsin.
tşkler..aslında javascript kodlarıyla akordion menü yapmıştım bi kez ama cebelleşmiştim resmen kodlarla siz bu dersi anlatınca umutlanmıştım :( neysee tşkler tekrar.kolay gelsin..
anlatım çok iyi ancak ufak bir sorum var componenet deki yeşil buton rengini nasıl değiştirebiliriz çalışmalarınızda başarılar
iframe kullanacaksın,getURL ile . Benim blog adresimde iframe arattır yardımcı olur flash içerisinden HTML nesnelerine erişmek için. Kolay gelsin...
menü içersine dışardaki bir text dosyasından yazı almak istiyorum
link verme işlemi nasıl oluyor hocam nasıl değiştirelibirim tabi izniniz varsa:kirp:
malefes link göçmüş hocam..anlatım çok güzel..teşekkürler..fırsatınız olurda yenilerseniz memnun oluruz:-dusun:
arkadaşlar kaynak dosyaları burdan nasıl ındırıcaz acıklarmısınız tsk edrim
Merhabalar bu sayfayı direk guncelleyemıyorum ama blog adresımde calısmalarım guncel olarak ındırebılırsın. http://ercanaltug.blogspot.com/2007/12/flash-component-ile-accordion-men.html

Yukarı Git