Anasayfa » Adobe Animate Edge » ADOBE ANİMATE EDGE(Responsive Layout)

ADOBE ANİMATE EDGE(Responsive Layout)

Edge Animate programının Responsive Layout dersini açıp örnek projeyi açın ve uygulamaya başlayın.

Açmış olduğunuz proje boyut değişikliklerini desteklemiyor. Tarayıcının boyutunu değiştirerek bunu deneyebilirsiniz.

  1. Ctrl+Enter tuşları ile animasyonu tarayıcıda açın.
  2. Tarayıcının boyutunu değiştirin. Animasyonun boyutuda herhangi bir değişiklik olmayacaktır.

    Boyutlandırmaya duyarlı içereki geliştirmek için iki metod vardır. Resonsive Scaling ve Percent Layouts.

    RESPONSİVE SCALLİNG

Animate sayfasını boyutlarnı ayarlamak için Responsive Scalling methodu kullanılacaktır.

Bu özelliği etkinleştirdiğinizde , projenin en ve boy oranı farklı uygulamalarda korunacaktır.

  1. Sahne seçili iken , Properties panelinden aşağıda gösterilen resimdeki kısmı seçerek tarayıcının boyutu değiştiğinde uygulamanın boyutu da otomatik olarak değişmektedir.

  2. Width seçilirse Projenin genişiliği tarayıcı ile uyumlu olarak değişir. Height seçeneğinde Projenin uzunluğu tarayıcı ile uyumlu olarak değişir , Both seçeneğinde hem genişlik hem de uzunluk aynı anda değişir.

Percentage Layouts

  1. Bu uygulamayı yapmadan önce properties panelinden “Responsive Scalling” aktif olmadığına emin olun.
  2. Sahneye tıklayın ve properties panelinden Width seçeneğinin yanındaki px yazısına tıklayın % şekline dönecektir.


    Width özelliği px olarak ayarlıyken Ctrl+Enter tuşu ile çalıştırdığınızda ekran görünümü aşağıdaki gibi olacaktır.ekran ayarlanan boyutları ile browserda ortalanmış olarak görünür.

    Width özelliği 100 % olarak ayarlıyken Ctrl+Enter tuşu ile çalıştırdığınızda ekran görünümü aşağıdaki gibi olacaktır. Sayfa genişlik olarak browser genişliğini doldurur fakat browser küçüldüğünde sayfa trayıcı ile orantılı olarak küçülmez.

  3. Properties panelinden “Max Width” seçeneği none seçili olmalıdır . Varsayılan olarak none seçilidir.
  4. Bu değeri değiştiriğ 1024 olarak girebilirsiniz . Budurumda tarayıcı genişliği 1024′ü aştığında sahne genişliği 1024 olarak sabit kalır.

Pinning Elements

  1. Elements panelinden Text ‘i seçin
  2. Properties panelinden Width seçneğindeki px’e tıklayarak % haline getirin.

  3. Bu ayarlamadan sonra Ctrl+Enter tuşları ile tarayıcı üzerinde çalıştırdığınızda arkaplan ile text nesnesinin genişiliği 100% boyutunu koruyacaktır.

  1. Element panelinden “Right_Brace” seçin . Properties panelinden koordinat seçici (coordinate picker ) seçeneğini kullanarak konumu değiştirebilişiniz. Sahne yeniden boyutlandırıldığı zaman element sağa tutturulacaktır.
Flag Counter