Kullanıcı Kılavuzu İptal

Özel HTML5 Bileşenleri oluşturma

Ara
Animate

Animate

Uygulamayı aç
  1. Adobe Animate Kullanıcı Kılavuzu
  2. Animate'e Giriş
    1. Animate'teki Yenilikler
    2. Resimli Sözlük
    3. Animate sistem gereksinimleri
    4. Animate klavye kısayolları
    5. Animate'te Birden Çok Dosya Türü İle Çalışma
  3. Animasyon
    1. Animate'te animasyonun temel öğeleri
    2. Animate'te kareleri ve anahtar kareleri kullanma
    3. Animate'te kare kare animasyonu
    4. Animate'te klasik ara animasyonu ile çalışma
    5. Fırça Aracı
    6. Hareket Kılavuzu
    7. Ara hareket ve ActionScript 3.0
    8. Ara Hareket Animasyonu Hakkında
    9. Ara hareket animasyonları
    10. Ara hareket animasyonu oluşturma
    11. Özellik anahtar karelerini kullanma
    12. Ara oluşturarak konuma animasyon ekleme
    13. Hareket Düzenleyici kullanarak ara hareketleri düzenleme
    14. Ara animasyonunun hareket yolunu düzenleme
    15. Ara hareketleri işleme
    16. Özel hareket hızları ekleme
    17. Hareket önayarları oluşturma ve uygulama
    18. Animasyon ara yayılma alanları ayarlama
    19. XML dosyaları olarak kaydedilen Ara hareketlerle çalışma
    20. Ara hareketler ve Klasik aralar karşılaştırması
    21. Şekil arası doldurma
    22. Animate'te Eklem aracı animasyonunu kullanma
    23. Animate'te karakter canlandırmayla çalışma
    24. Adobe Animate'te maske katmanlarını kullanma
    25. Animate'te sahneler ile çalışma
  4. Etkileşim
    1. Animate ile düğmeler oluşturma
    2. Animate projelerini diğer belge türü biçimlerine dönüştürme
    3. Animate'te HTML5 Canvas belgeleri oluşturma ve yayımlama
    4. Animate'te kod parçacıkları ile interaktiflik ekleme
    5. Özel HTML5 Bileşenleri oluşturma
    6. HTML5 Canvas'ta bileşenleri kullanma
    7. Özel Bileşenler oluşturma: Örnekler
    8. Özel Bileşenler için Kod Parçacıkları
    9. En iyi uygulamalar - Animate ile reklamcılık
    10. Sanal Gerçeklik içeriği oluşturma ve yayınlama
  5. Çalışma alanı ve iş akışı
    1. Boya fırçaları oluşturma ve yönetme
    2. HTML5 Canvas belgelerinde Google fontlarını kullanma
    3. Creative Cloud Libraries ve Adobe Animate'i Kullanma
    4. Animate için Sahne Alanı ve Araçlar panelini kullanma
    5. Animate iş akışı ve çalışma alanı
    6. HTML5 Canvas belgelerinde web fontlarını kullanma
    7. Zaman Çizelgeleri ve ActionScript
    8. Birden çok zaman çizelgesiyle çalışma
    9. Tercihleri ayarlama
    10. Animate geliştirme panellerini kullanma
    11. Animate ile zaman çizelgesi katmanları oluşturma
    12. Mobil uygulamalar ve oyun motorları için animasyonları dışa aktarma
    13. Nesneleri taşıma ve kopyalama
    14. Şablonlar
    15. Animate uygulamasında Bul ve Değiştir
    16. Geri alma, yineleme ve Geçmiş paneli
    17. Klavye kısayolları
    18. Animate'te zaman çizelgesini kullanma
    19. HTML uzantıları oluşturma
    20. Görüntüler ve Animasyonlu GIF'ler için en iyileştirme seçenekleri
    21. Görüntüler ve GIF'ler için dışa aktarma ayarları
    22. Animate'te Varlıklar Paneli
  6. Multimedya ve Video
    1. Animate'te grafik nesnelerini dönüştürme ve bir araya getirme
    2. Animate'te sembol örnekleri oluşturma ve bunlarla çalışma
    3. Görüntü İzleme
    4. Adobe Animate'te ses kullanımı
    5. SVG dosyalarını dışa aktarma
    6. Animate'te kullanmak üzere video dosyaları oluşturma
    7. Animate'te video ekleme
    8. Animate ile nesne çizme ve oluşturma
    9. Çizgileri ve şekilleri yeniden şekillendirme
    10. Animate CC ile konturlar, dolgular ve degradeler
    11. Adobe Premiere Pro ve After Effects ile çalışma
    12. Animate CC'de Renk Panelleri
    13. Flash CS6 dosyalarını Animate ile açma
    14. Animate'te klasik metin ile çalışma
    15. Animate'e resim yerleştirme
    16. Animate'te içe aktarılan bitmap'ler
    17. 3B grafikler
    18. Animate'te sembollerle çalışma
    19. Adobe Animate ile çizgiler ve şekiller çizme
    20. Animate'te kütüphaneler ile çalışma
    21. Sesleri dışa aktarma
    22. Animate CC'de nesne seçme
    23. Animate'te Illustrator AI dosyalarıyla çalışma
    24. Karışım modlarını uygulama
    25. Nesneleri düzenleme
    26. Komutlar menüsüyle görevleri otomatikleştirme
    27. Çok dilli metin
    28. Animate'te kamera kullanma
    29. Grafik filtreleri
    30. Ses ve ActionScript
    31. Çizim tercihleri
    32. Kalem aracı ile çizim yapma
  7. Platformlar
    1. Animate projelerini diğer belge türü biçimlerine dönüştürme
    2. Özel Platform Desteği
    3. Animate'te HTML5 Canvas belgeleri oluşturma ve yayımlama
    4. WebGL belgesi oluşturma ve yayınlama
    5. AIR for iOS için uygulamaları paketleme
    6. AIR for Android uygulamalarını yayınlama
    7. Adobe AIR for desktop için yayınlama
    8. ActionScript yayınlama ayarları
    9. En iyi uygulamalar - Bir uygulamada ActionScript'i organize etme
    10. Animate ile ActionScript'i kullanma
    11. Animate çalışma alanında erişilebilirlik
    12. Komut dosyaları yazma ve yönetme
    13. Özel Platformlar için Desteği Etkinleştirme
    14. Özel Platform Desteğine Genel Bakış
    15. Özel Platform Desteği Eklentisiyle Çalışma
    16. ActionScript 3.0'da hata ayıklama
    17. Özel Platformlar için Desteği Etkinleştirme
  8. Dışa Aktarma ve Yayınlama
    1. Animate CC'den dosya dışa aktarma
    2. OAM yayınlama
    3. SVG dosyalarını dışa aktarma
    4. Animate ile grafikleri ve videoları dışa aktarma
    5. AS3 belgelerini yayınlama
    6. Mobil uygulamalar ve oyun motorları için animasyonları dışa aktarma
    7. Sesleri dışa aktarma
    8. En iyi uygulamalar - Mobil aygıtlar için içerik oluşturma ipuçları
    9. En iyi uygulamalar - Video kuralları
    10. En iyi uygulamalar - SWF uygulaması geliştirme talimatları
    11. En iyi uygulamalar - FLA dosyalarını yapılandırma
    12. Animate için FLA dosyalarını en iyileştirmeye yönelik En İyi Uygulamalar
    13. ActionScript yayınlama ayarları
    14. Animate için yayınlama ayarları belirtme
    15. Projektör dosyalarını dışa aktarma
    16. Görüntü ve Animasyonlu GIF'leri dışa aktarma
    17. HTML yayınlama şablonları
    18. Adobe Premiere Pro ve After Effects ile çalışma
    19. Animasyonlarınızı hızlıca paylaşma ve yayımlama
  9. Sorun Giderme
    1. Düzeltilen sorunlar
    2. Bilinen sorunlar

 

HTML5 Canvas'a yönelik özel bileşenler oluşturmayı öğrenmek için bu makaleden yararlanın.

Animate, bir dizi varsayılan bileşen ile gelir. Ancak, bunlar projeniz için yeterli değildir. Bu başlık, Animate için özel HTML5 Bileşenleri oluşturmayı öğrenmenize yardımcı olur.

Bileşen tanımı, üç ana bölümden oluşur:

  • Meta Veriler: Görüntülenen ad, sürüm, yapılandırılabilir özellikler kümesi, simge vb. gibi bileşenler ile ilgili bilgi sağlar. Bunlar, components.js adlı bir dosyada tutulur. Bileşenleri bir kategori altında gruplandırabilirsiniz ve bu dosya, bir kategorideki tüm bileşenlere yönelik meta verileri sağlamanıza olanak tanır.
  • Kaynak: Gerçek bileşen kaynağı ile ilgili bilgi sağlar. Bu, bileşenler kullanan bir filmi önizlediğiniz veya yayınladığınız çalışma zamanında gömülür.
  • Varlıklar: JavaScript kütüphanesi veya CSS ya da çalışma zamanı varlıkları ve simgeleri gibi herhangi bir çalışma zamanı bağımlılığı ile ilgili bilgi sağlar. Varlıklar, Animate geliştirme ortamında kullanılabilir.

 Bileşen tanımı, yerelleştirme ile ilgili kaynaklar da içerir.

Özel bileşen kategorisi için örnek klasör yapılandırması

Animate, özel HTML5 Bileşenleri için aşağıdaki klasörleri kontrol eder ve bunları, başlatırken yükler:

• Windows:

<AppData>/Local/Adobe/Adobe Animate 2017/en_US/Configuration/HTML5Components

 

• MAC:

~/Library/Application Support/Adobe/Animate 2017/en_US/Configuration/HTML5Components/

 Yukarıdaki klasör yolu, ABD İngilizcesi için geçerlidir. Animate uygulamasını başka bir dilde kullanıyorsanız en_US yerine o dile özel klasör adına bakın.

Animate, "components.js" dosyasının bulunduğu konumdaki her bir klasör için bir kategori oluşturur ve tüm bileşenleri içine yükler.

Bileşen Meta Verileri

Bileşen meta verileri, components.js adlı bir dosyada tutulur; bu dosya, HTML5Components dizini içinde ayrı bir klasöre yerleştirilir. 

Video bileşeni için örnek meta veriler.

Components.js

Components.js

aşağıdaki bölümleri içeren bir JSON dosyasıdır:

  • Kategori: Bu bileşenler kümesi için Bileşenler Paneli'ndeki addır ve yerelleştirilebilir.
  • Bileşenler: Her bir girişin bir bileşen ile ilgili meta veriler içerdiği dizidir. Yukarıdaki örnekte, dizide yalnızca bir öğe bulunmaktadır. Meta veriler, aşağıdaki bölümleri içerir:

Ad

Gerekli

Açıklama

ClassName

Evet

Kaynak dosyada belirtilen bileşenin sınıf adı. Sınıf adı, bir ad alanları düzeyini destekler. Örneğin, Video.

 

Sürüm

Hayır

Bileşenin sürüm numarasıdır. Gelecekteki bileşen yükseltmeleri için kullanılır. Ancak, akış bu noktada tanımlanamaz.

Kaynak

Evet

Bileşene ait ana kaynak dosyasının ilgili yoludur. Kaynağın içeriği ile ilgili daha fazla bilgi, sonraki bölümde açıklanmaktadır.

Simge

Hayır

Bileşen simgesinin ilgili yoludur. Bu simge, adı ile birlikte bileşen için herhangi bir örnek oluşturulduğunda bileşenler panelinde ve sahne alanında kullanılır. Hiçbiri sağlanmazsa varsayılan bir simge kullanılacaktır.

Yüklenecek simgenin png adını belirtebilirsiniz (tipik olarak 32x32). Açık renkli kullanıcı arabirimi ve koyu renkli kullanıcı arabirimi için farklı simgeleri desteklemek istiyorsanız aşağıdaki adlandırma kuralına sahip iki .png sağlayın:

custom_icon_N.png – Koyu renkli kullanıcı arabirimi simgesi

custom_icon_D.png – Açık renkli kullanıcı arabirimi simgesi

ve bu alana yönelik değer olarak yalnızca "custom_icon" adını belirtin. Son ekler, geçerli kullanıcı ayarına göre otomatik olarak eklenir.

Boyutlar

Hayır

Bileşen örneklerinin varsayılan boyutudur. Kullanıcının bir bileşeni Bileşen panelinden sahne alanına her sürükleyip bırakışında yeni bir örnek oluşturulur. Bu alan, bileşen örneği için varsayılan ilk boyutu belirtir. Değer, bir dizi [genişlik, yükseklik] olmalıdır. Değer belirtilmemişse Animate varsayılan bir boyut seçer. Ayrıca Animate, boyutu [2,2] ila [1000, 1000] aralığında olacak şekilde kısıtlar.

Bağımlılıklar

Hayır

Bileşene yönelik bağımlılıklar kümesidir. Bu, her bir girişin yerel bir kaynak (anahtar = "src" ile) için ilgili yolu ve CDN yolunu (anahtar = "cdn" ile) sağladığı bir dizidir. CDN yolu zorunlu değildir. Bu yol, yayınlama ayarlarında kütüphaneler barındırdığınızda kullanılır. Aksi takdirde, önizleme yaparken veya yayınlarken yerel kaynak kullanılacaktır.

Yukarıdaki örnekte (video) kullanılan ilgili yola dikkat edin. Bir düzey yukarıdaki bağımlılıkları yükler; bu da, bazı bağımlılıkları birden fazla bileşen kümesinde paylaşmamıza imkan verir.

Özellikler

Evet

Bu bir özellikler dizisidir. Sahne alanında bu bileşenin bir örneğini oluşturduğunuzda burada yapılandırılan özellikler kümesi, Özellik Denetçisi'nde otomatik olarak gösterilecektir. Bu bileşenin kullanıcıları, Animate'te söz konusu özellikleri yapılandırabilir ve yapılandırılan özellikler, bileşenin çalışma zamanında örnek oluşturma işlemi sırasında kullanılabilir hale gelir.

Her bir özellik girişi, aşağıdaki anahtarları içerir:

  1. ad: Bu özellik için Özellik Denetçisi'nde gösterilen addır. Bu, kullanıcı dostu bir ad olmalıdır. Yerelleştirilebilir.
  2. değişken: Bu özellik için kullanılan dahili addır. Yapılandırılan değerler, çalışma zamanında bu değişken adı ile kullanılacaktır. Bununla ilgili daha fazla bilgiye sonraki bölümlerde yer verilmiştir.
  3. Tür: Özelliğin türünü belirtir. Animate, şu türlere izin verir:
    1. Boolean  - Özellik Denetçisi'nde onay kutusu
    2. Sayı  - Özellik Denetçisi'nde sayısal kutu
    3. Dize    - Özellik Denetçisi'nde metin kutusu
    4. Liste        - Kullanıcının değerler dizisini yapılandırmasını sağlar.
    5. Koleksiyon- Kullanıcıların bir <key, value> çiftleri listesini yapılandırmasına izin verir. (Bkz. aşağı açılır kutu)
    6. Dosya Yolu  - Kullanıcının bir yerel dosyaya gözatmasına ve bunu seçmesine izin verir. Dize değeri çalışma zamanında sağlanır. Dosya, "assets" (varlıklar) klasöründe yayınlanan çıktıya otomatik olarak kopyalanır ve ilgili yol, çalışma zamanında kullanılabilir hale gelir.
    7. Görüntü Yolu - Kullanıcının bir görüntüye gözatmasını ve bunu seçmesini sağlar. Dosya, yapılandırılan görüntüler klasöründe yayınlanan çıktıya otomatik olarak kopyalanır ve ilgili yol, çalışma zamanında kullanılabilir hale gelir.
    8. Video İçerik Yolu – Kullanıcının web biçimli bir video kaynağına (mp4, ) gözatmasına ve bunu seçmesine izin verir. ogg , ogv , webm ). Yapılandırılan varlık, yayınlanan çıktıda "videos" (videolar) klasörüne kopyalanır.
    9. Renk - Özellik Denetçisi'nde Renk Seçici
  4. Varsayılan: Özelliğin varsayılan değeridir. Varsayılan, özelliğin türü ile aynı türde olmalıdır.

Bileşen Kaynağı

Her bir bileşen, aşağıdakileri işleyecek kodu sağlayan ilişkili bir kaynak dosyaya sahip olmalıdır:

  • Yapılandırılmış özellik kümesi değerleriyle çalışma zamanında bileşen örneği oluşturma
  • DOM'ye ekleme ve DOM'den ayırma.
  • Her karede özellik güncellemeleri

Özel bileşenlerin daha kolay bir şekilde geliştirilmesi için bir temel sınıf ve anwidget.js dosyasında bir yardımcı program işlevi sağlanır. Bu arabirim gelecekte geliştirilecektir ancak geçmişe dönük şekilde uyumlu olmayacaktır. Şu anda yalnızca DOM tabanlı bileşenler desteklenmektedir ancak Canvas tabanlı bileşenlere yönelik desteği kapsayacak şekilde genişletilecektir. Şu anda yalnızca gereçler desteklenmektedir ancak çerçeve, ekleme davranışlarını (kullanıcı arabirimi olmayan bileşenler) destekleyecek şekilde genişletilecektir.

anwidget.js dosyası, first run klasörünüzdeki HTML5Components/sdk klasöründe bulunmaktadır. Özel bileşenler için bir AnWidget temel sınıfı ve özel bileşeni kaydetmek için bir $.anwidget(<className>, {Object Prototype}) yardımcı program yöntemi sağlar. Geçerli uygulama jQuery'yi kullanır; bu nedenle, bir gereç tarafından sağlanan hizmetleri her kullanışınızda jQuery daima bir bağımlılık olarak eklenir. Bununla birlikte, jQuery'ye örtük bir bağımlılık eklemek istemiyorsanız bir Gereç ile aynı arabirimi sağlayan jQuery olmaksızın bir Bileşen sınıfı uygulamanız gerekebilir.

 

HTML şablonu

Html, bu bölümleri (önyükleyici div hariç) varsayılan olarak içerir:

Varsayılan HTML bölümleri (önyükleyici div hariç)

Önceki şekil, öğelerin DOM'de eklenme sırasını göstermektedir. Bu nedenle, dom_overlay_container div, tuvalin üzerinde gösterilir.

 İlk sürümümüzdeki dom_overlay_container div kimliğini değiştirmeyin; bu kimliğe bağımlı olan, kod parçacıkları gibi birkaç özellik mevcuttur.

Önceki illüstrasyonda gösterildiği gibi dom_overlay_container div, bir kaplama olarak tuvalin üzerinde gösterilir. Fare olaylarının temel alınan tuvale doğru şekilde yayıldığından emin olmak üzere bu div için CSS özelliğini {işaretçi olayları: yok} kullanırız; böylece, fare olayları temel alınan tuvale doğru şekilde yayılır. Projeniz kapsamında Animate'te yapılandırılan tüm bileşen örnekleri, bu dom_overlay_container div'nin bir alt öğesi olarak oluşturulur ve eklenir. Bileşen örneklerinin ilgili sıralaması, çalışma zamanında korunur ancak şu anda tüm bileşen örnekleri daima bir kaplama olarak gösterilir. Fare olaylarını da alabilmeleri için çalışma zamanında tüm bileşen örneklerine yönelik olarak şu ayarı yaparız: {işaretçi olayları: tümü}.

Bileşen yaşam döngüsü

Bileşen yaşam döngüsü

  1. Kapsayıcı için DOM oluşturulurken bileşen örneği oluşturulur.

  2. Daha sonra örnek, oynatma kafası bileşen örneğinin kullanıldığı kareye ulaştığında DOM'ye eklenir. Ardından, çalışma zamanında her onayda (tick) çağrılan bir güncelleme işleyicisi ekler. Bileşen aynı zamanda, bu noktada {id: id_of_the_instance} olay verileriyle üst öğeye bir "attached" (ekleme) olayı da tetikler.

  3. Özellikler, her güncelleme geri çağrısında güncellenir. Tüm özellik güncellemeleri, bir onay işleyici sırasında ön belleğe alınır ve bir kez uygulanır. Şu anda özel özellik araları desteklenmemektedir. Yalnızca dönüştürme ve görünürlük gibi temel özellikler güncellenir.

  4. Oynatma kafası bileşen örneğinin kaldırıldığı kareye ulaştığında onu DOM'den ayırırız. Bu noktada üst öğede bir "detached" (ayırma) olayı tetiklenir.

Temel sınıf $.AnWidget olarak adlandırılır ve aşağıdaki geçersiz kılmaları sağlar:

Ad

Zorunlu

Açıklama

getCreateOptions()

Hayır

Bileşenin bileşen örneği oluşturma sırasında uygulanmasını istediği seçenekleri döndürür. Tipik bir geçersiz kılma işleminde, _widgetID global değişkenini kullanarak her örneğe benzersiz bir kimlik atamak için genellikle bu kullanılır. Sonraki bölümde verilen örnek, bu kullanıma ilişkin daha ayrıntılı açıklama sağlayacaktır.

getCreateString()

Evet

DOM örneği oluşturmaya yönelik dizeyi döndürür. Bu dize, daha sonra temel DOM'ye eklenen gerçek DOM öğesini oluşturmak için jQuery'ye geçirilir.

 

Örneğin, bir görüntü bileşeni için şunu döndürmelidir: "<image>"

 

Çalışma zamanında öğe oluşturulur ve jQuery sarıcısına yönelik başvuru, bileşen örneğinde aşağıdaki gibi depolanır:

 

this._element =  $(this.getCreateElement())

 

// this._element – jQuery sarıcısı (oluşturulan temel alınmış DOM öğesi için).

 

Ayrıca, bileşik öğeler de oluşturabiliriz; ayrıntılar, örnekler bölümünde ele alınacaktır.

getProperties()

Hayır

Yapılandırılabilir CSS özellik adları dizisini döndürür. Bu tipik olarak, components.json içinde yapılandırdığınız tüm özelliklerle eşleşir

 

Örneğin, video bileşeni için bu dizi aşağıdaki girişleri içerir:

 

["sol", "üst", "genişlik", "yükseklik", "konum", "kaynağı dönüştür", "dönüştür"]

getAttributes()

Hayır

Yapılandırılabilir nitelikler dizisini döndürür. Bu tipik olarak, components.json içinde yapılandırmaya izin verdiğiniz tüm niteliklerle eşleşir

 

Örneğin, video bileşeni için bu dizi aşağıdaki girişleri içerir:

 

["kimlik", "src", "kontroller", "otomatik oynat", "döngü", "sınıf"]

attach(parent)

Hayır

Bu işlev, bileşen örneği "üst" DOM öğesine eklenmek üzereyken çağrılır.

 

Varsayılan uygulama aşağıdakileri (ve birkaç başka işlemi) gerçekleştirir:

 

// Öğeyi üst DOM'ye ekler

$(parent).append(this._element);

 

//Başvuruyu şurada depolar: this._$this

this._$this = $(this._element);

 

//Tüm özellikleri güncellemek için güncelleme dayatması çağırır

this.update(true);

this._attached = true;

 

//Üst öğede attached (ekleme) olayını tetikler

$(parent).trigger("attached", this.getEventData("attached"))

 

Bu işlevi geçersiz kılmanıza gerek yoktur. Ancak, bileşik öğeler için geçersiz kılmamız gerekebilir. Örnekler bölümünde daha fazla bilgi verilecektir.

 

Not: Bir geçersiz kılmadan herhangi bir temel sınıf yöntemi çağırmak için şunu kullanabilirsiniz: this._superApply(arguments)

detach()

Hayır

Bu işlev, bileşen örneği DOM'den kaldırılmak üzereyken çağırılır. Varsayılan uygulama aşağıdakileri gerçekleştirir:

 

//Öğeyi DOM'den kaldırır

this._$this.remove();

//Üst öğede detached (ayırma) olayını tetikler

$(parent).trigger("detached", this.getEventData("detached"));

setProperty(k,v)

Hayır

Bu işlev, örnek için bir özellik ayarlamak amacıyla kullanılır. Bu değişiklikler, kirlenen her özellik için her bir kareyi güncelleme çağrısı sırasında ön belleğe alınır ve tek seferde uygulanır.

update(force)

Hayır

Bu işlev, bileşenin DOM'nin bir parçası olduğu ve görünür olduğu durumlarda her kare için çağrılır. Varsayılan uygulama, force parametresinin true olması durumunda veya değiştirilen tüm CSS özellikleri ve nitelikleri için geçerlidir.

show()

Hayır

Öğe örneğini gösterir. Tipik olarak bunu geçersiz kılmanız gerekmese de bileşik öğeler için geçersiz kılınması gerekebilir.

hide()

Hayır

Öğe örneğini gizler. Tipik olarak bunu geçersiz kılmanız gerekmese de bileşik öğeler için geçersiz kılınması gerekebilir.

getEventData(e)

Hayır

"e" adlı olay için tüm özel verileri döndürür. Varsayılan uygulama, attached (ekleme) ve detached (ayırma) olayları için {id: instance_id} verilerini geçirir.

destroy()

Hayır

Bileşen örneği DOM'den ayrıldığında belleği boşaltır. Tipik olarak bunu geçersiz kılmanız gerekmez.

applyProperties(e)

Hayır

CSS özelliklerini jQuery sarıcısı e'ye uygulamak için yardımcı API.

applyAttributes(e)

Hayır

Nitelikleri jQuery sarıcısı e'ye uygulamak için yardımcı API.

Yerelleştirme

Kategori dizesi, bileşen görüntülenen adı ve özellik adı yerelleştirilebilir. Bileşenler klasörü altında locale adlı bir klasör içinde strings.json adında bir dosya oluşturun. Yerelleştirilecek tüm dizeler için anahtar-değer çiftlerini sağlayın ve components.js içindeki anahtarı kullanın. Diğer yerel ayarlar için dizeleri, locale klasörü altında karşılık gelen klasörler içinde sağlamalısınız.

.json string dizesi

Özel HTML5 bileşenlerini paketleme ve dağıtma

Animate geliştiricileri veya tasarımcıları, kullanıma hazır paketlenmiş bileşenler sağlayarak animasyoncuların kodlama yapmadan bileşenleri yüklemesine ve kullanmasına olanak sağlayabilir. Önceden, animasyoncuların dosya yapılarını öğrenmesi, programlama yapması ve HTML5 uzantılarını etkinleştirmek için dosyaları belirli klasörlere manuel olarak taşıması gerekirdi.

Ön koşullar

  • Geliştirici tarafından oluşturulan herhangi bir bileşen. Bileşen oluşturma talimatları için burayı tıklatın.
  • CC Extensions imzalama araç kiti.

Bileşeni paketlemeden önce bileşenin kaynak ve hedef yolunun meta verilerini içeren bir MXI dosyası oluşturun. Örneğin;

<file source=&quot;jquery-ui-1.12.0&quot; destination=&quot;$FLASH\HTML5Components\jQueryUI\&quot; file-type=&quot;ordinary&quot; />

Bu kaynak ve hedef dosyası bilgileri bileşeninizin doğru yüklenmesi için uzantı yardımcı programının etkinleştirilmesini gerektirir.

Bileşenleri paketleme

HTML5 özel bileşenlerini paketlemek için şu adımları uygulayın: 

  1. MXI dosyası oluşturmak için metin düzenleyiciyi kullanarak örnek  abc.mxi  dosyasına benzer bir içerik girin ve MXI uzantısı ile kaydedin.

    İndir

    Dosyayı alın
    abc.mxi dosyası örneği indirin.

  2. MXI bileşen dosyanızı ve diğer ilgili dosyaları klasöre ekleyin.

  3. CC Extensions imzalama aracını (ZXPSignCmd.exe) kullanarak bir ZXP uzantısı zip dosyası oluşturun.  ZXP dosyası oluşturmak için ZXP Sign Command aracında aşağıdaki talimatları uygulayın:

    1. -selfSignedCert seçeneğini kullanarak kendinden imzalı sertifika oluşturun.

    Zaten sertifikanız varsa bu adımı atlayabilirsiniz.

    ZXPSignCmd -selfSignedCert US NY MyCompany MyCommonName password FileName.p12

    FileName.p12 dosyası, geçerli klasörde oluşturulur.

    2. Şu komutu kullanarak uzantıyı imzalayın: 

    ZXPSignCmd -sign projectName projectName.zxp FileName.p12 password

    projectName, Uzantı Projesinin adıdır. Geçerli klasörde, projectName.zxp adlı bir dosya oluşturulur.

Bileşenleri dağıtma

Bu paketlenen projectName.zxp bileşen dosyasını tüm Animate kullanıcılarına dağıtabilirsiniz.

 Adobe, ürünlerinizi Adobe Eklentileri web sitesinden dağıtmanızı önerir. Eklentileri herkese açık (ücretli veya ücretsiz) ya da özel (belirli kullanıcılara ücretsiz) olarak dağıtabilirsiniz.

Dağıtılan bileşenleri yükleme

Animate tasarımcıları veya geliştiricileri, Uzantıları Yönet yardımcı programını kullanarak, dağıtılan ZXP dosya bileşenini yükleyebilir.

Daha fazla benzer konu

 Adobe

Daha hızlı ve daha kolay yardım alın

Yeni kullanıcı mısınız?

Hızlı bağlantılar

Tüm planlarınızı görüntüleyin Planlarınızı yönetin
Hızlı bağlantıları görüntüleyin
Hızlı bağlantıları gizleyin
Adobe MAX 2024

Adobe MAX
Yaratıcılık Konferansı

14–16 Ekim Miami Beach ve çevrimiçi

Hemen Kaydolun

Adobe MAX

Yaratıcılık Konferansı

14–16 Ekim Miami Beach ve çevrimiçi

Hemen Kaydolun
Adobe MAX 2024

Adobe MAX
Yaratıcılık Konferansı

14–16 Ekim Miami Beach ve çevrimiçi

Hemen Kaydolun

Adobe MAX

Yaratıcılık Konferansı

14–16 Ekim Miami Beach ve çevrimiçi

Hemen Kaydolun

Yasal Uyarılar    |    Çevrimiçi Gizlilik İlkesi