Flash içindeki uzun metinlere ScrollBar ekleme

Full flash olarak tasarladığınız websitelerinde sizi sıkıntıya sokacak tek konu uzun yazılar olacaktır, ScroolBar burada sizin için Flash içinden çıkmadan tasarım odaklı güzel bir çözüm olabilir.

Full flash olarak tasarladığınız websitelerinde sizi sıkıntıya sokacak tek konu uzun yazılar olacaktır, ScroolBar burada sizin için Flash içinden çıkmadan tasarım odaklı güzel bir çözüm olabilir.



Full flash olarak tasarladığınız websitelerinde sizi sıkıntıya sokacak tek konu uzun yazılar olacaktır. Flash ilk çıktığı günden beri multimedya öğeleri ses ve video uygulamaları ile internet sayfalarının tüm görselliğini al üst etti.İnsanların bir internet sitesinden ve dolayısıyla internetten beklentileri değişti.Ancak Flash vektörel çizim ve multimedya öğelerinde ne kadar başarılı ise klasik html sayfalarının tuttuğu uzun yazılarda tasarım kısmında aynı verimi alınamadı. ScroolBar burada sizin için Flash içinden çıkmadan güzel bir çözüm olabilir.

Yukardaki örnekte derste uyguladığımız arayüzümüze Bonzai ağaçları ile ilgili uzun bir yazı eklemek istediğimizde yazı ekrandan taşıyor. Ancak bu yazıyı belirleyeceğimiz bir alanda ScroolBar eklentisiyle okunabilmesini sağlıyabiliriz. Bunun için öncelikle yazacağımız yazı tipini soldaki panelden Text Tool'u seçip ekrana birkere tıklattıktan sonra aşağıda açılan properties özelliklerinden Text tipini Dynamic Text olarak belirtip bir de herhangi bir instance name atıyoruz. Ve altta kırmızı ticklerle vurgulamaya çalıştığım üzere en sağda Show border around text kısmını seçili hale getiriyoruzki beyaz background çıkmasın.Onun 2 yanında Selectable text kısmını da seçersek flash içindeki yazılar aynı HTML'dekiler gibi seçilip kopyalanabilir olacaktır.



Şuanda sadece metininin geleceği Metin kutusunu ayarlıyoruz. Ekrana yazımızın geleceği alanı belirtmek üzere köşelerinden büyütebileceğiniz aşağıdaki gibi bir dörtgen çiziniz.Biraz sonra kopyalacağımız yazımız tam bu dörtgenin içinde yer alacaktır.



Metin kutumuzu belirttikten sonra bu metin kutusunun içine gelecek
uzun yazımızın Scrollable yani Scroll edilebilir olduğunu belirtmemiz
gerekiyor.Yandaki gibi Text-Scrollable diyelim.



Böylelikle uzun yazımızın gelecek olduğu Metin kutusunu boyutları ve Instance Name 'i ile tanımladık.Buraya yazacağımız veya copy-paste edeceğimiz metinler metin kutusu dışında kalacak yazılar artık Metin kutusunu genişletmeyecek. Şimdi benim dışardan kopyaladığım uzun metni metin kutusunun içerisine paste(yapıştır) diyorum.

Yazımızı metin kutusunun içine yerleştirdik şimdi ise metin kutusuna sığmayan ve altta kalan yazılarımızı sağda küçük bir scrollbar ile göstermemiz gerekiyor. Bunun için Window-Components panelinden UIScrollbar bileşeninden faydalanacağız.

Ekranın sağ kısmında göstermeye çalıştığım gibi UIScrollbar bileşenini tutup panelden sahnemize Dynamic Text olan metin kutumuzun sağ kısmında borderına bırakıyoruz.



Böylelikle ekranda gördüğünüz üzere ScrollBar yazımıza eklenmiş oluyor. Components panelinden kullanacağınız her bileşen aslında arkaplanda actionscript barındıran ve sizinde özelleştirebileceğiniz aksiyon topluluklarıdır. Componentların parametre ayarlarına dikkat etmeniz gerekir. Mesela bizim azönce eklediğimiz ScrollBar'ın parametreleri seçtikten sonra aşağı properties panelinin yanında aşağıdaki gibi gözükür.

Target instance name sizin metninize verdiğiniz Instance Name'i hedefler,eğer alışılagelmişin dışında tasarım gereği tepede sağa sola şeklinde bir ScrollBar isterseniz Horizantal true demeniz yeterli olacaktır.



Böylelikle yazımız bizim belirlediğimiz bir alanda ScrollBar ile gezilebilir durumda ve tasarımımız ve arayüzümüz değişmeden uzun içerikleri ziyaretçilerimize okutabiliriz.




Faydalı olması dileğiyle...

  • 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 güzel oldu teşekkürler..
tesekkurler cok yardimci oldun
bende yatay oluyo ancak dikey olmuyo sorunuda uğraşmama rağmen çözemedim örnek fla koyarsanız sevinirim ;)
Merhaba ; Component'ta örnekte gösterdiğim gibi Horizantal false yazdığından emin olun ve componenttan scrollbarı ekrana bırakırken yazıyı kare düşünerek scrollun gelmesini istediğiniz yere bırakın. Yanlış yere geçiyorsa bir daha deneyin,olur.
Allah Razı Olsun . Selam ve Dua İle...
Merhabalar ; bu yazım blog adresimde güncellenmiştir. Scrollbar rengini değiştirmek isteyenler okuyabilirler. Saygılarımla... http://ercanaltug.blogspot.com/2007/09/flash-iinde-yazlara-scroolbar-ekleme.html
slm hojam ben flash mx kullanıyorum ve şu sözünü ettiğin UIscrollbar diye bi seçenek yok bu nerde nasıl bulabilirim
Merhaba Scrollbar diye olabilir Window-Components içerisinde yoksa Flash 8 yüklemeni tavsiye ederim. bana blogdan email ile ulaşabilirsin yükleme bilgileri için.kolay gelsin..
hocam ben dediklerinizi harfiyen yaptım scrollbar ekledim fakat izlediğimde ise sadece kutu olacak gözüyor inmiyor
ya benimkide sadece yatay oluyo daha dogrusu scroolbar normal geliyo ama yazılar yatay olarak geliy0 yardım pls...
Ya ben daha yeniyim ... Arkaplan siyah ben yazyı açtığımda yazının yazıldığı yer beyaz oluyor nasıl şeffalaştırablilirim .. lütfen yardım :sasir:
2.fotoğraftaki show border around text kutusuna dikkat et o fotodaki ayarlar 1e 1 aynı olsun sedat,kolay gelsin...
:uzul: Bu dnamic text seçtiğimde neden yazıların hepsi aynı oluyor sonradan da içinde değişiklik yapınca renginde hepsi aynı oluyr çözümü var mı? bunun güzel bir ders olmuş teşekkür ederim...
:uzul: Bu dnamic text seçtiğimde neden yazıların hepsi aynı oluyor sonradan da içinde değişiklik yapınca renginde hepsi aynı oluyr çözümü var mı? bunun güzel bir ders olmuş teşekkür ederim...
ya benimkide sadece yatay oluyo daha dogrusu scroolbar normal geliyo ama yazılar yatay olarak geliy0 yardım pls... bu sorun bende de oldu yardım edebilecek bir arkadaş varmı ? :-dusun:
teşekkürler ;)
bende de yazılar yatay çııyor nedendir acep?
yazının yatay görünmesinin nereden kaynaklandığını keşfettim.Multiline seçeneğine getirin düzeliyor.
blogunuzdaki renk degistirme uygulamasini denedim, movielip icerisindeki metin+scroollbar gayet gusel calisiyor, hatta tint'den metinde renk degisiyor fakat scrollbar hala bembeyaz kaldi CS3 kullaniyorum:-dusun:
TEŞEKKÜRLER
TEŞEKKÜRLER
TEŞEKKÜRLER
yazıların arasına nası resim ekleyebilirim :hayret:

Yukarı Git