Anasayfa / Sinema & Tv / Flash ile Form Hazırlamak

Flash ile Form Hazırlamak

Flash ile Form Hazırlamak

Giriş :
Bu dersle Flash 5 ile nasıl form hazırlanacağını öğreneceğiz. Isim , WebSite, Mail, dusunceler adında text filed ve Gönder , Temizle adında form öğeleri oluşturalım.

Text Fieldler
Bir tex field yapmak için Toolbarda bulunan simgesine tıklayınız. Stage(Çalışma Alanında)'de istediğiniz yere tıklayınız. Bir text box içinde yanıp sönen bir imleç göreceksiniz. Daha sonra "Text Options" penceresinden "Input Text" i seçiniz.

Variable

Variable degerini Isım olarak değiştirin

Variable

Aynı yöntemle WebSite, Mail, ve Dusunceler adında Input Box'lar olsuturun. Tum input boxlar bittiğinde çalışma alanında şöyle bir görüntü olmalı.

WebSite, Mail, ve Dusunceler

MultineLine / Single Line / Password :Single Line seçeneği tek satırlık girişler için kullanılır. Multiline ise birden fazla satır girişine izin verir. Multineline seçildiğinde Word wrap aktif olur. Bu seçenek seçili ise bir satıra sığmayan karakterler bir alt satıra aktarılır. Password ise girilen değerin ekranda gözükmesini önler.

Max Char : Seçili alana en fazla kaç karakter girileceğini bu alandan belirtebiliriz. 0 değeri sonsuz girişe izin verir.

Embed Fonts : TextField ile gömülecek karakterleri ayarlamamızı sağlar.

HTML : Eğer bu alan seçili ise textfield içinde HTML kodlarının aktif olacağını belitir . Böylece textfield içinde , gibi HTML kodlar kullanılabilir.

Butonları Hazırlama :

İki tane buton yapıyoruz . Biri gönder ve diğeri temizle butonu.
Bu butonları formumuza yerleştiriyoruz.
Gönder butonu için şu action kodları ekliyoruz :

Bu action ile serverımızda bulunan MailGonder.asp isimli ASP dosyasına Flash içindeki Isim,Mail,WebSite ve Dusunceler değişkenlerini post ediyoruz.

Temizle butonu için ise şu action'ları ekliyoruz.

Temizle butonuna basıldığında tüm değişkenlerin değeri boşaltıldığından Input boxlara girilen tüm değerler silinecektir.

Flash İle Checkbox Kutuları oluştırma

SWF Dosya

"Bir onay kutusu nasıl yapılır?" sorusu çok sorulduğu için anlatılması gereken bir konu.Sizde Flash ile onay kutularını ve butonlarını kolaylıkla yapabilirsiniz.Onsuz bir interaktiv site olmaz.

Düğmeleri Oluşturma

Herhangi bir çeşit onay kutusu yada butonu oluşturmak için,iki karelik movie clip yapmamız gerek.Bunu yapmak için Insert> New Symbol tıklayın.Bir isim vererek Movie Clip Hareketi seçin.Şimdi Movie Clip düzenleme ekranı belirecek.Burada layer üzerinde iki boş keyframe ekleyin,movie cliplerin biri ilk framede diğeri ikinci framede olacak.Şimdi herbir karede durumu göstermek için bir buton oluşturun.Örnekte,ON butonu için yeşil,OFF butonu için kırmızı kullandım.Buton için grafik kullanmıyorum çünkü kullanışlılığı azalıyor.Buton ise mouse ile etkileşime geçiyor.

Butonu seçin ve Modify> Instance tıklayın.Actions sekmesine geçin,butona aşağıdaki actionları verin.

Birinci Kare:
On (Release)
Go to and Play (2)
// on mouse click turn switch on
End On

Ikinci Kare:
On (Release)
Go to and Play (1)
// on mouse click turn switch off
End On

Sonuç
Şimdi movie'ye bazı şeyleri öğretmemiz lazım.Mesela her bir durumda durup butonun gerçek zamanlı doğal halini göstermsi için değeri "boxStatus" olarak ayarlamasını ve bir sonraki tıklama için beklemesini.Yeni bir layer oluşturun (Actionları Movie Clip timeline'ında tutması için)

movie

Keyframe'I seçin ve Modify> Frame tıklayın.Sonra actions sekmesine geçin.Kullandığım actionlar bunlar

Birinci Kare:
Set Variable: "boxStatus" = "0"
Stop

Ikinci Kare:
Set Variable: "boxStatus" = "1"
Stop

Movie'miz tamamen bitti.Şimdi tek yapmanız gereken şey yaptığımız Movie Clip'I sahneye taşımak ve projenizi geliştirmeye evam etmek.

**************

Flash Nedir?
Flash Penceresinin Ögelerini Tanıyalım
MOTİON TWEEN
11/10/2011: ZIPLAYAN TOP
MOVİE KLİP, GRAFİK VE BUTTON
Butonlar ile Çalışmak
ZIPLAYAN TOP2
Flash ile Form Hazırlamak
Text Dosyasından Veri Yüklemek
SES
Ses Kaydedici
Basic Action
Başlangıç Sayfası YApımı

Yorum Yaz
Arkadaşların Burada !
Arkadaşların Burada !
Bu içeriği duvarında Paylaş
  • Bu içeriği arkadaşlarınla paylaş!
  • Yeni içerikler bul!