Eski Blockly Geliştirici Araçları

Blockly Geliştirici Araçları Blockly yapılandırmasının bölümlerini otomatikleştiren web tabanlı bir geliştirici aracıdır özel yapı taşları oluşturma, araç kutunuzu oluşturma, ve web Blockly çalışma alanınızı yapılandırın.

Aracı kullanan Blockly geliştirici süreci üç bölümden oluşur:

  • Block Factory ve Block Exporter'ı kullanarak özel bloklar oluşturun.
  • Workspace Factory'yi kullanarak bir araç kutusu ve varsayılan çalışma alanı oluşturun.
  • Workspace Factory'yi kullanarak çalışma alanınızı yapılandırın (şu anda yalnızca web'de kullanılabilir) özelliği) ekleyebilirsiniz.

Fabrika Sekmesini Engelle

Blok Fabrikası sekmesi, engelleme tanımları ve blok kodu oluşturma araçları özelleştirilebilir bloklar için. Bu sekmede kolayca yeni bir sekme oluşturabilir, değiştirebilir ve kaydedebilirsiniz özel bloklar.

Blok tanımlama

Bu videoda, blok tanımlama adımları ayrıntılı olarak açıklanmaktadır. Kullanıcı arayüzü çıktı ancak vurguladığı engelleme özellikleri hâlâ doğru.

Kitaplığı yönetme

Bloklar, adlarıyla belirtilir. Dolayısıyla oluşturmak istediğiniz her blokta benzersiz bir ad. Kullanıcı arayüzü bunu uygular ve "kaydettiğinizde" bunu açıkça belirtir yeni bir blok veya "güncelleniyor" mevcut bir blok.

Daha önce kaydettiğiniz bloklar arasında geçiş yapabilir veya yeni boş bloklar oluşturabilirsiniz engellemek için Kitaplık düğmesini seçin. Mevcut bir bloğun adını değiştirmek hızlı bir şekilde benzer tanımlara sahip birden fazla blok oluşturmanın bir başka yoludur.

Kitaplığı dışa ve içe aktarma

Engellemeler, tarayıcının yerel depolama alanına kaydedilir. Tarayıcının yerel ayarlarını temizleme depolama alanı, engellemelerinizi siler. Engellemelerinizi süresiz olarak kaydetmek için: kitaplığınızı indirin. Blok Kitaplığınız XML olarak indirilir dosyası oluşturabilirsiniz. Bu dosya, Blok Kitaplığınızı şu anki durumuna dosyayı indirdiniz. Blok Kitaplığı'nı içe aktardığınızda, o yüzden önce dışa aktarmak isteyebilirsiniz.

Ayrıca içe ve dışa aktarma özellikleri de farklı özel blok setlerini paylaşabilirsiniz.

Dışa Aktarıcı sekmesini engelle sekmesi

Bloklarınızı tasarladıktan sonra blok tanımlarını dışa aktarmanız gerekir. ve jeneratör sapları. Bu işlem Dışa Aktarıcı sekmesini engelle sekmesini tıklayın.

Blok Kitaplığınızda depolanan her blok, Blok Seçici'de gösterilir. Dışa aktarmak üzere engellemeyi seçmek veya engellemesini kaldırmak için tıklayın. Herhangi bir kitaplığınızdaki tüm blokları görmek için "Seç" → "Blokta Depolanan Tümü"nü kullanın. Kitaplık" seçeneği gösterilir. Araç kutunuzu geliştirdiyseniz veya çalışma alanınızı tıklayarak kullandığınız tüm blokları da seçebilirsiniz. "Seç" → "Tümü Workspace Fabrikası'nda Kullanılanlar"ı tıklayın.

Dışa aktarma ayarları, hedeflemek istediğiniz oluşturulan dili seçmenize olanak tanır. ve metin öğeleri için tanımlar, jeneratör koçakları veya her ikisini de seçilen bloklar. Bunları seçtikten sonra "Dışa aktar"ı tıklayın indirin dosyası olarak da kaydedebilir.

Workspace Fabrika sekmesi

Workspace Fabrika Ayarları, bir araç kutusu ve varsayılan değer yapılandırmasını kolaylaştırır. blok seti olduğunu varsayalım. Araç kutusunu düzenleme ile çalışma alanını "Araç Kutusu" ile başlatma ve "Workspace" düğmelerini kullanın.

Araç kutusu oluşturma

Bu sekme, Araç Kutusu için XML oluşturulmasına yardımcı olur. Materyalde Araç Kutusu özelliklerine aşinalık kazanın. Burada düzenlemek istediğiniz bir araç kutusu için XML'niz varsa "Düzenlemek için Yükle"yi tıklayarak dosyayı yükleyin.

Kategori içermeyen araç kutusu

Birkaç bloğunuz varsa ve bunları kategori olmadan görüntülemek istiyorsanız çalışma alanına sürüklediğinizde bloklarınızın araç kutusunda görüntülendiğini görürsünüz. önizlemede görünür.

Kategorilerin yer aldığı araç kutusu

Blokların kategoriler halinde gösterilmesini istiyorsanız, "+" düğmesini tıklayın ve açılır menüden Yeni kategori. Bu işlem, kategori listenize bir kategori ekler seçip düzenleyebileceğiniz bir resim. Kişi eklemek için "Standart Kategori"yi seçin standart Blok kategorisi (Mantık, Döngü vb.) veya "Standart Araç Kutusu" gibi standart Blockly kategorileri. Kategorileri yeniden sıralamak için ok düğmelerini kullanın.

Seçili kategorinin adını veya rengini değiştirmek için "Kategoriyi Düzenle"yi kullanın. açılır. Çalışma alanına sürüklediğiniz bloklar, seçilen öğeye eklenir seçin.

Gelişmiş bloklar

Varsayılan olarak kitaplığınıza herhangi bir standart bloku veya tüm blokları ekleyebilirsiniz geri dönelim. Kitaplığınızda yer almayan, JSON biçiminde tanımlanmış bloklarınız varsa "Import Custom Blocks" (Özel Blokları İçe Aktar) seçeneğini kullanarak düğmesini tıklayın.

Bazı bloklar birlikte kullanılmalıdır veya varsayılan değerler içerir. Bu işlem şununla yapılır: grupları ve gölgeleri kullanın. Herhangi biri Düzenleyicide bağlı olan bloklar, araç kutusuna grup olarak eklenir. Başka bir bloğa eklenmiş bloklar, gölge blok olarak da değiştirilebilir. alt bloku seçip "Gölge Oluştur"u tıklayarak düğmesini tıklayın. Not: Yalnızca değişken içermeyen alt bloklar gölge olarak değiştirilebilir engeller.

Araç kutusuna bir değişken veya işlev bloğu eklerseniz, “Değişkenler” veya “İşlevler” kategorisini kullanarak, kullanıcıların ihtiyaçlarını tam olarak bloktan yararlanır. Daha fazla bilgi: "Değişkenler" veya "İşlevler" kategorileri hakkında daha fazla bilgi edinin.

Çalışma alanı yapılandırma (web Blockly için)

Çalışma alanınızın farklı bölümlerini yapılandırmak için "Çalışma Alanı Fabrikası"na gidin sekmesini tıklayın ve "Çalışma Alanı"nı seçin.

Çalışma Alanı Seçeneklerini Belirleyin

Şunun için farklı değerler belirleyin: yapılandırma seçeneklerini önizleme alanında sonucu görebilirsiniz. Etkinleştiriliyor grid veya yakınlaştırma yapılandırılacak daha fazla seçenek gösterir. Ayrıca kategorileri kullanmaya geçiş yapmak, genellikle daha karmaşık workspace; eklediğinizde otomatik olarak bir çöp kutusu ve kaydırma çubukları tıklayın.

Çalışma Alanına Önceden Yüklenmiş Bloklar Ekle

Bu işlem isteğe bağlıdır, ancak kullanın:

  • Uygulama yüklendiğinde.
  • Bir etkinlik (seviye ilerleme, yardım düğmesini tıklama vb.) tetiklendiğinde.

Blokları düzenleme alanına sürükleyerek önizlemede çalışma alanınızda görebilirsiniz. Blok grupları oluşturabilir, blokları devre dışı bırakabilir ve belirli blokları gölgelendirebilirsiniz engeller.

Bu blokları XML olarak dışa aktarabilirsiniz (aşağıya bakın). Bu alanları şununla çalışma alanınıza ekleyin: Blockly.Xml.domToWorkspace, çalışma alanınızı oluşturduktan hemen sonra:

var xmlText = '<xml xmlns="https://developers.google.com/blockly/xml">' +
    '<block type="math_number"></block></xml>';
Blockly.Xml.domToWorkspace(Blockly.utils.xml.textToDom(xmlText), workspace);

Bu örnek kod, çalışma alanına tek bir math_number bloğu ekler.

Dışa aktarılıyor

Workspace Factory'de aşağıdaki dışa aktarma seçenekleri sunulur:

  • Başlangıç Kodu: Özelleştirilmiş öğelerinizi eklemek için başlangıç html'si ve JavaScript'i oluşturur Blok çalışma alanı.
  • Araç kutusu: Araç kutunuzu belirtmek için XML oluşturur.
  • Çalışma Alanı Blokları: Bir çalışma alanına yüklenebilecek XML oluşturur.