TextInput bileşenini özelleştirme

Geliştirme sırasında veya çalışma zamanında TextInput örneğinin boyutunu değiştirebilirsiniz. Geliştirme sırasında, Sahne Alanı'nda bileşeni seçin ve Serbest Dönüştürme aracını veya Değiştir > Dönüştür komutlarından herhangi birini kullanın. Çalışma zamanında setSize() yöntemini veya height , width , scaleX ve scaleY gibi TextInput sınıfının ilgili özelliklerini kullanın.

Bir TextInput bileşeni yeniden boyutlandırıldığında, kenarlık yeni sınırlama kutusuna yeniden boyutlandırılır. TextInput bileşeni kaydırma çubuklarını kullanmaz ancak kullanıcı metinle etkileşim kurdukça ekleme noktası otomatik olarak kaydırılır. Daha sonra kalan alan içinde metin alanı yeniden boyutlandırılır; TextInput bileşeninde sabit boyutlu bir öğe yoktur. TextInput bileşeni, metni görüntüleyemeyecek kadar küçükse, metin kırpılır.

Stiller ve TextInput bileşeni

TextInput bileşeninin stilleri, bileşen çizildiğinde bileşenin kaplamaları, dolgusu ve metin biçimlendirmesi için değerleri belirtir. texFormat ve disabledTextFormat stilleri, bileşende görüntülenen metnin stilini belirler. Kaplama stili özellikleri hakkında daha fazla bilgi almak için bkz. Kaplamalar ve TextInput bileşeni .

Şu örnek, TextInput bileşeninde görüntülenen metnin fontunu, boyutunu ve rengini ayarlamak için textFormat stilini ayarlar. Aynı işlem, bileşen devre dışı bırakıldığında uygulanan disabledTextFormat stilinin ayarlanmasında da geçerlidir.

  1. Yeni bir Flash belgesi (ActionScript 3.0) oluşturun.

  2. Bir TextInput bileşenini Sahne Alanı'na sürükleyin ve bu bileşene myTi örnek adını verin.

  3. Ana Zaman Çizelgesi'nin Kare 1 öğesindeki Eylemler paneline şu kodu ekleyin.

    var tf:TextFormat = new TextFormat(); 
    tf.color = 0x0000FF; 
    tf.font = "Verdana"; 
    tf.size = 30; 
    tf.align = "center"; 
    tf.italic = true; 
    myTi.setStyle("textFormat", tf); 
    myTi.text = "Enter your text here"; 
    myTi.setSize(350, 50); 
    myTi.move(100, 50);
  4. Kontrol Et > Filmi Test Et'i seçin.

Kaplamalar ve TextInput bileşeni

TextInput bileşeni, görünümünü değiştirmek için düzenleyebileceğiniz şu kaplamaları kullanır:

TextInput resim yazısı

Aşağıdaki prosedür, TextInput bileşeninin kenarlığını ve arka plan renklerini değiştirir:

  1. Yeni bir Flash dosyası oluşturun.

  2. Bir TextInput bileşenini Sahne Alanı'na sürükleyin ve kaplamalar panelini açmak için bileşeni çift tıklatın.

  3. Normal kaplamayı çift tıklatın.

  4. Düzenlemek üzere simgeyi büyütmek için yakınlaştırma denetimini %800 değerine ayarlayın.

  5. Normal kaplamanın kenarlığının her kenarını teker teker seçin ve uygulanacak rengini #993399 olarak ayarlayın.

  6. Özellik denetçisindeki Dolgu rengi seçicisinde rengi görüntüleninceye kadar arka planı çift tıklatın. Arka plana uygulamak için #99CCCC rengini seçin.

  7. Belge düzenleme moduna geri dönmek için, Sahne Alanı'nın yukarısındaki düzenleme çubuğunun sol tarafındaki Geri düğmesini tıklatın.

  8. Kontrol Et > Filmi Test Et'i seçin.

    TextInput bileşeninin aşağıda gösterildiği gibi görünmesi gerekir:

    Kenarlığı ve arka plan renkleri değiştirilmiş TextInput bileşeni.