Klavyeyle Gezinme

Bu kılavuz, şu anda Blockly'de uygulandığı için varsayılan klavye gezinmesinin nasıl kullanılacağına odaklanmaktadır.

Klavyeyle Gezinmeyi Kullanma

Klavyeyle gezinmenin başarılı olması için kullanıcının aşağıdaki görevleri tamamlayabilmesi gerekir:

  • Çalışma alanında gezinme
  • Çalışma alanındaki blokları bağlama
  • Çalışma alanına bir blok ekleyin
  • Blokları ayırma
  • Araç kutusunda gezinme
  • Açılır menüde gezinme
  • Açılır listeden blokları ekleyin

Aşağıda, Blockly'nin varsayılan klavyeyle gezinme özelliğinin bu görevleri nasıl yerine getirdiği açıklanmaktadır.

Klavyeyle Gezinmeyi Etkinleştirme

Kullanıcı Üst Karakter + Ctrl + k tuşlarına basarak klavyede gezinmeyi etkinleştirebilir ve devre dışı bırakabilir. Klavyeyle gezinme ilk kez etkinleştirildiğinde çalışma alanında yanıp sönen kırmızı bir çizgi görünür. Bu imleçtir. Kullanıcının mevcut konumunu gösterir ve kullanıcı çalışma alanında gezindikçe güncellenir.
Kullanıcı üst karakter denetimi k tuşuna bastığında ekranda yanıp sönen kırmızı bir çizgi görünür. Bu imleçtir.

Enter tuşuna basıldığında geçerli konumda kullanıcının işaretçisini gösteren mavi bir çizgi oluşturulur. Bir işaretçi, blok ekleme için bir hedef konum görüntüler. İmleci çalışma alanında hareket ettirdiğinizde güncellenmez.
Kullanıcı Enter tuşuna bastığında ekranda mavi bir çizgi görünür. Bu, işaretçidir.

Varsayılan İmleci Kullanma

Çalışma alanı girdiler, alanlar, bağlantılar, bloklar ve çalışma alanı koordinatlarından oluşur. Varsayılan imleç, tüm bileşenleri farklı düzeylere bölerek çalışma alanında hareket eder.

Düzeyler arasında gezinmek için A ve D tuşlarını kullanın. Bir seviye içinde gezinmek için W ve S tuşlarını kullanın.

Çalışma Alanı Düzeyi

Üst Karakter + Ctrl + k tuşlarına basarak klavyeyle gezinme moduna girin. Bu işlem, imleci çalışma alanının veya çalışma alanındaki ilk blokun üzerine getirir. İmleç bir blok üzerindeyse A tuşuna iki kez basarak çalışma alanı düzeyine taşıyın. İmleci çalışma alanı üzerinde taşımak için Üst Karakter + WASD tuşlarını kullanın. Yığın düzeyine geçmek için D tuşunu kullanın.
Kullanıcı Üst Karakter ve W A S D tuşlarına bastığında blok halindeki çalışma alanındaki imleç hareket ediyor. Kullanıcı d tuşuna bastığında imleç ilk blok yığınının çevresinde bir dikdörtgen olarak görünür

Yığın Düzeyi

Yığın düzeyinde, W ve S tuşlarını kullanarak çalışma alanındaki blok yığınları arasında gezinebilirsiniz. Bu seviyede, imleç bir yığındaki tüm blokların çevresinde kesintisiz kırmızı bir dikdörtgenle gösterilir. Seçilen yığındaki ilk bloka gitmek için D tuşunu kullanın.
Kullanıcı s tuşuna bastığında imleç bir sonraki blok yığınına gider. Kullanıcı d'ye bastığında imleç, seçilen yığındaki ilk bloğun üzerinde yanıp sönen kırmızı bir çizgi olarak görünür.

Engelleme ve Bağlantılar Düzeyi

Bu seviyede bir blok ve bloktaki tüm dış bağlantılar bulunur. Varsayılan imleç, önceki veya çıkış bağlantısı varsa bloğu atlayacak şekilde ayarlanır. İkisi de yoksa imleç aşağıda gösterildiği gibi bloka taşınır.

Kullanıcı d tuşuna bastığında imleç, blok yığını çevresinde kırmızı bir dikdörtgenden, gruptaki ilk bloğu çevreleyen bir dikdörtgenin yarısına dönüşür.

Olası üç dış bağlantı aşağıda gösterilmiştir.
Kırmızı çizgi, üç olası dış bağlantıyı vurgular. Bunlar bir bloktaki önceki, sonraki ve çıkış bağlantılarıdır.

Blok ve bağlantı düzeyinde, W ve S tuşlarını kullanarak dış bağlantılar arasında gezinebilirsiniz. Bu düzeyde, imleç mevcut bağlantının yanıp sönen kırmızı bir dış çizgisiyle gösterilir. Bloktaki ilk alana veya girişe gitmek için D tuşuna basın.
Kullanıcı S tuşuna bastığında, bir bloğun sonraki bağlantısında imleç kırmızı renkte yanıp sönen bir çizgi olarak görünür. Kullanıcı d tuşuna bastığında, imleç bloktaki ilk alanın çevresinde kırmızı bir dikdörtgen olarak görünür.

Alanlar ve Giriş Düzeyi

Bu düzey, bloktaki tüm alanları ve girişleri barındırır. Alan ve girişlerin nasıl göründüğüyle ilgili örnekler aşağıda verilmiştir.
Kırmızı bir dikdörtgen, bir bloktaki giriş ve alanların örneklerini vurgular.
Bu seviyede, W ve S tuşlarıyla mevcut bloğun düzenlenebilir alanları ve girişleri arasında gezinebilirsiniz. Bir alan için imleç kesintisiz kırmızı bir dikdörtgendir. Giriş olarak, imleç yanıp sönen kırmızı bir yapboz parçasıdır. İmleç bir giriş üzerindeyken bağlı bloka gitmek için D tuşuna basın.

Kullanıcı S tuşuna bastığında, imleç blok girişleri ve alanları üzerinde hareket eder. Kullanıcı bağlı bir blokun bulunduğu bir girişte d tuşuna bastığında imleç, bağlı bloğun üzerinde yanıp sönen kırmızı bir çizgi olarak görünür.

İmleç bir alanın üzerine geldiğinde düzenlemek için Enter tuşuna basın.

İmleç, bir alanın etrafında kırmızı bir dikdörtgen olarak görüntülenir. Kullanıcı tıkladığında bir açılır liste açılır. Kullanıcı açılır listeden bir değer seçmek için S tuşuna, ardından açılır menüyü kapatmak için Enter tuşuna basar.

Çalışma Alanında Blokları Bağlama

  1. WASD tuşlarını kullanarak hedef bağlantınıza gidin
  2. Enter tuşunu kullanarak bağlantıyı işaretleyin
  3. WASD tuşlarını kullanarak geçerli bir bağlantı noktasına gidin
  4. I tuşunu kullanarak iki bloku birleştirin (ekleme için)

Giriş bağlantısında, işaretlendiğini gösteren mavi bir nokta vardır. Kullanıcı geçerli bir bağlantıda i'ye bastığında blok işaretli bağlantı noktasına gider.

Çalışma Alanında Bir Blok Taşıma

Normalde Blockly'de bir bloğu alarak, istenen konuma sürükleyerek ve bırakarak çalışma alanına taşırsınız. Klavye kısayollarını kullanarak hedef konumunuzu işaretler, taşımak istediğiniz bloğa gidin ve ondan hareket etmesini istersiniz.

  1. Üst Karakter + WASD tuşlarını kullanarak çalışma alanında bir konuma gidin
  2. Çalışma alanında bu konumu Enter tuşunu kullanarak işaretleyin
  3. WASD tuşlarını kullanarak taşımak istediğiniz bloka gidin
  4. I tuşunu kullanarak bloğu işaretli konuma taşıyın

Bloklardan oluşan çalışma alanında bir imleç gösteriliyor. Kullanıcı enter tuşuna bastığında konumunu işaretler ve bu konumda mavi bir çizgi görünür. WASD tuşlarını kullanarak imleci bir bloğun dış bağlantısına taşırlar. Kullanıcı i tuşuna bastığında blok işaretli konuma gider.

Blokları Çıkarma

Normalde Blockly'de, alttaki bloğu alıp üst bloktan uzağa sürükleyerek iki blokun bağlantısını kesersiniz. Klavye kısayolları sayesinde, kesmek istediğiniz bağlantıda imleçle X tuşuna basarak blokların bağlantısını kesebilirsiniz.

  1. WASD tuşlarını kullanarak kesmek istediğiniz bağlantıya gidin
  2. X ile bağlantıyı kaldırın

Ortasında imleç gösterilen iki blok ekranda birbirine bağlı. Kullanıcı x tuşuna bastığında blokların bağlantısı kesilir.

Araç Kutusundan Blok Ekleme

  1. Araç kutusunu açmak için T tuşuna basın
  2. Kategoriler arasında gezinmek için W ve S tuşlarını kullanın.
  3. Açılır menüdeki bloklara gitmek için D tuşuna basın
  4. W ve S tuşlarını kullanarak bloklar arasında gezinin
  5. Slayttan bir blok eklemek için Enter tuşuna basın

Kullanıcı t tuşuna bastığında farklı blok kategorilerini gösteren bir araç kutusu açılır. İsabetler farklı kategoriler arasında ilerler. Kullanıcı d'ye bastığında kategorideki ilk blok vurgulanır. Enter tuşuna basıldığında blok çalışma alanına yerleştirilir ve araç kutusu kapatılır.

Deneme

İnsanların deneme yapmak isteyebileceği dört temel alan olduğuna inanıyoruz:

  1. Tuş Eşlemeler: Hangi tuşların hangi işlemlerle eşleşmesi gerekir?
  2. Ekran okuyucular/Günlük kaydı/Uyarılar için metin: Ekran okuyucuların imleç konumlarının yanı sıra hata veya uyarıları nasıl okuyacağı.
  3. Çalışma Alanında Gezinme: Kullanıcının çalışma alanındaki farklı bloklar, alanlar, girişler ve bağlantılarda nasıl gezindiği.
  4. İmleç Görünümü: İmlecin ve işaretçinin nasıl görünmesi gerektiği.

Bu API'lerin nasıl kullanılacağı hakkında daha fazla bilgi için lütfen Blok Klavye Gezinme kodu lab'ına bakın.

Denemek istediğiniz ve size yardımcı olabileceğimiz başka alanlar varsa lütfen formu doldurun.

SSS

S: Klavyeyle gezinirken neden ok tuşlarını kullanmadınız?
Y: Ekran okuyucular genellikle ok tuşlarını kullanır. Buna müdahale etmek istemediğimiz için WASD tuşlarını kullanmayı tercih ettik.
Bununla birlikte, herkesin farklı ihtiyaçları olduğunun farkındayız. Bu nedenle, anahtar eşlemelerini değiştirmenin kolay bir yolunu oluşturmanızı önemle tavsiye ederiz.

S: Oldukça karmaşık görünüyor. Neden farklı katmanlara ihtiyacımız var?
Y: Klavyeyle gezinmeyi düşünürken farklı bloklar, bağlantılar, alanlar, girişler ve çalışma alanı koordinatlarında hareket etmek için yapılandırılmış bir yönteme ihtiyacımız vardı.
Şirket içinde bunu soyut bir söz dizimi ağacı (AST) ile temsil ederiz. Varsayılan imleç uygulaması bu modelin dışına çıkmaz.Bu uygulamanın amacı, geliştiricilerin temel mimariyi daha iyi anlamasını sağlamaktır. Son kullanıcının daha kolay anlayabileceği başka cursors de vardır.

Sınırlamalar

Engellenmeyen bileşenlere (ör. çöp kutusu, yakınlaştırma düğmeleri ve kaydırma düğmeleri) gitmeyi henüz desteklemiyoruz. Sınırlamalar hakkında daha fazla bilgi için lütfen açık klavyede gezinme bugs listesine bakın.