Blockly Developer Tools
, özel bloklar oluşturma, araç kutunuzu oluşturma ve web Blockly çalışma alanınızı yapılandırma gibi, Blockly yapılandırma işleminin bazı bölümlerini otomatikleştiren web tabanlı bir geliştirici aracıdır.
Aracı kullanan Blockly geliştirici süreci üç bölümden oluşur:
- Fabrika Ayarlarını Engelle ve Dışa Aktarıcıyı Engelle'yi kullanarak özel yapı taşları oluşturun.
- Workspace Factory'yi kullanarak bir araç kutusu ve varsayılan çalışma alanı oluşturun.
- Çalışma alanınızı Workspace Factory'yi (şu anda yalnızca web'de sunulan bir özellik) kullanarak yapılandırın.
Fabrika Sekmesini Engelle
Blok Fabrikası sekmesi, özel bloklar için engelleme tanımları ve engelleme kodu oluşturucuları oluşturmanıza yardımcı olur. Bu sekmede, özel yapı taşlarını kolayca oluşturabilir, değiştirebilir ve kaydedebilirsiniz.
Blok tanımlama
Bu videoda, bir bloku tanımlama adımları ayrıntılı bir şekilde açıklanmaktadır. Kullanıcı arayüzü eski, ancak vurguladığı blok özellikleri hâlâ doğru.
Kitaplığı yönetme
Engellemelere adlarıyla referansta bulunulduğu için oluşturmak istediğiniz her blokun benzersiz bir adı olmalıdır. Kullanıcı arayüzü bunu zorunlu kılar ve yeni bir bloku "kaydettiğinizde" veya mevcut bir bloğu "güncellediğinizde" bunu açıkça belirtir.
Daha önce kaydettiğiniz bloklar arasında geçiş yapabilir veya Kitaplık düğmesini tıklayarak yeni, boş bir blok oluşturabilirsiniz. Mevcut bir bloğun adını değiştirmek, benzer tanımlara sahip birden fazla bloğu hızlıca 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 depolama alanını temizlediğinizde engellemeleriniz silinir. Bloklarınızı süresiz olarak kaydetmek için kitaplığınızı indirmeniz gerekir. Blok Kitaplığınız, bir XML dosyası olarak indirilir. Bu dosyayı indirdiğinizde Engelleme Kitaplığınızı, dosyayı indirdiğinizdeki durumuna ayarlamak için içe aktarabilirsiniz. Bir Engelleme Kitaplığını içe aktarmanın mevcut kitaplığın yerini alacağını unutmayın. Bu nedenle önce dışa aktarmak isteyebilirsiniz.
İçe ve dışa aktarma özellikleri de farklı özel yapı gruplarını korumanın ve paylaşmanın önerilen yoludur.
Dışa Aktarıcı sekmesini engelle
Bloklarınızı tasarladıktan sonra, bir uygulamada kullanmak için blok tanımlarını ve oluşturucu saplarını dışa aktarmanız gerekir. Bu işlem, Blok Dışa Aktarıcı sekmesinden yapılır.
Blok Kitaplığınızda depolanan her blok, Blok Seçici'de gösterilir. Engellemeyi tıklayarak seçmek veya dışa aktarmak için seçimini kaldırmak. Kitaplığınızdaki tüm blokları seçmek istiyorsanız "Seç" → "Tüm Engellemelerde Depolananlar" seçeneğini kullanın. Araç kutunuzu oluşturduysanız veya çalışma alanınızı Workspace Fabrikası sekmesini kullanarak yapılandırdıysanız "Seç" → "Workspace Fabrikasında Kullanılan Tümü"nü tıklayarak kullandığınız tüm blokları da seçebilirsiniz.
Dışa aktarma ayarları, hedeflemek istediğiniz oluşturulan dili seçmenize ve seçilen bloklar için tanımlar, oluşturma saplaması veya her ikisi için de seçim yapmanıza olanak tanır. Bunları seçtikten sonra, dosyalarınızı indirmek için "Dışa aktar"ı tıklayın.
Workspace Fabrika sekmesi
Workspace Factory, çalışma alanında bir araç kutusu ve varsayılan blok seti yapılandırmayı kolaylaştırır. "Araç Kutusu" ve "Çalışma Alanı" düğmeleriyle, araç kutusunu düzenleme ile başlangıç çalışma alanını düzenleme arasında geçiş yapabilirsiniz.
Araç kutusu oluşturma
Bu sekme, bir Araç Kutusu için XML'nin oluşturulmasına yardımcı olur. Malzemede, Araç Kutusu'nun özelliklerine aşina olduğunuz varsayılır. Burada düzenlemek istediğiniz bir araç kutusu için XML'iniz zaten varsa "Düzenlemek için Yükle"yi tıklayarak yükleyebilirsiniz.
Kategori içermeyen araç kutusu
Birkaç blokunuz varsa ve bunları herhangi bir kategori olmadan görüntülemek istiyorsanız çalışma alanına sürüklemeniz yeterlidir. Böylece bloklarınız, önizlemedeki araç kutusunda görünür.
Kategori içeren araç kutusu
Görüntüleme bloklarının kategorilerde gösterilmesini istiyorsanız "+" düğmesini tıklayın ve yeni kategori için açılır öğe öğesini seçin. Böylece kategori listenize, seçip düzenleyebileceğiniz bir kategori eklenir. Tek bir standart Bloklu kategori (Mantık, Döngüler vb.) eklemek için "Standart Kategori"yi veya tüm standart Bloklu kategorileri eklemek için "Standart Araç Kutusu"nu seçin. Kategorileri yeniden sıralamak için ok düğmelerini kullanın.
Seçilen kategorinin adını veya rengini değiştirmek için "Kategoriyi Düzenle" açılır listesini kullanın. Çalışma alanına sürüklenen bir blok, seçilen kategoriye eklenir.
Gelişmiş engellemeler
Varsayılan olarak, kitaplığınızdaki standart bloklardan veya bloklardan herhangi birini araç kutusuna ekleyebilirsiniz. Kitaplığınızda bulunmayan ve JSON kodunda tanımlanan bloklarınız varsa bunları "Özel Engellemeleri İçe Aktar" düğmesini kullanarak içe aktarabilirsiniz.
Bazı bloklar birlikte kullanılmalı veya varsayılanlar içermelidir. Bu işlem gruplar ve gölgeler ile yapılır. Düzenleyicide bağlanan tüm bloklar, araç kutusuna grup olarak eklenir. Başka bir bloka eklenmiş olan bloklar, alt bloku seçip "Gölge Oluştur" düğmesi tıklanarak gölge bloklarına dönüştürülebilir. Not: Yalnızca değişken içermeyen alt bloklar, gölge bloklarıyla değiştirilebilir.
Araç kutusuna bir değişken veya işlev bloğu eklerseniz, kullanıcıların bloğu tam olarak kullanabilmesi için araç kutunuza bir “Değişkenler” veya “İşlevler” kategorisi ekleyin. "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ı" sekmesine gidip "Çalışma Alanı"nı seçin.
Çalışma Alanı Seçeneklerini Belirleyin
Yapılandırma seçenekleri için farklı değerler ayarlayın ve sonucu önizleme alanında görün. Izgara veya yakınlaştırma etkinleştirildiğinde yapılandırılacak daha fazla seçenek gösterilir. Ayrıca, kategorileri kullanmaya geçiş yapmak genellikle daha karmaşık bir çalışma alanı gerektirir. İlk kategorinizi eklediğinizde bir çöp kutusu ve kaydırma çubukları otomatik olarak eklenir.
Çalışma Alanına Önceden Yüklenmiş Engellemeler Ekleme
Bu işlem isteğe bağlıdır ancak çalışma alanında bir blok grubu görüntülemek isterseniz gerekli olabilir:
- Uygulama yüklendiğinde.
- Bir etkinlik (seviye ilerleme, yardım düğmesini tıklama vb.) tetiklendiğinde.
Önizlemedeki çalışma alanınızda görmek için blokları düzenleme alanına sürükleyin. Engelleme grupları oluşturabilir, blokları devre dışı bırakabilir ve belirli blokları seçtiğinizde gölge blokları oluşturabilirsiniz.
Bu blokları XML olarak dışa aktarabilirsiniz (aşağıya bakın). Bunları, çalışma alanınızı oluşturduktan hemen sonra Blockly.Xml.domToWorkspace ile çalışma alanınıza ekleyin:
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 mevcuttur:
- Başlangıç Kodu: Özelleştirilmiş Blockly çalışma alanınızı eklemek için başlangıç html'si ve JavaScript oluşturur.
- Araç kutusu: Araç kutunuzu belirtmek için XML oluşturur.
- Çalışma Alanı Blokları: Çalışma alanına yüklenebilecek XML oluşturur.