Klavyeyle Gezinme

Bu kılavuzda, şu anda Blockly'de uygulandığı şekliyle varsayılan klavye gezinmesinin nasıl kullanılacağı ele alınmaktadır.

ziyaret edin.

Klavyeyle gezinme

Klavye gezinmesinin 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 blok ekleme
  • Blokları ayırma
  • Araç kutusunda gezinme
  • Açılır menüde gezinme
  • Açılır menüden blok ekleme

Aşağıda, Blockly'nin varsayılan klavye gezinmesinin bu görevleri nasıl gerçekleştirdiği açıklanmaktadır.

Klavyeyle gezinmeyi etkinleştirme

Kullanıcılar Üst Karakter + Ctrl + k tuşlarına basarak klavye gezinmeyi etkinleştirebilir ve devre dışı bırakabilir. Klavye navigasyonu 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 gezinirken güncellenir.
Kullanıcı Üst Karakter Kontrol tuşuna bastığında ekranda yanıp sönen kırmızı bir çizgi görünür. Bu, imleçtir.

Enter tuşuna bastığınızda, mevcut konumda kullanıcının işaretçisini gösteren mavi bir çizgi oluşturulur. İşaretçi, blok ekleme için hedef konumu gösterir. İmleci çalışma alanında hareket ettirdiğinizde güncellenmez.
Kullanıcı Enter tuşuna bastığında ekranda mavi bir çizgi görünüyor. Bu, işaretçidir.

Varsayılan İmleci Kullanma

Çalışma alanı; girişler, alanlar, bağlantılar, bloklar ve çalışma alanı koordinatlarından oluşur. Varsayılan imleç, tüm bileşenleri farklı seviyelere ayırarak çalışma alanında hareket eder.

Seviyeler arasında gezinmek için A ve D tuşlarını kullanın. Bir seviye içinde gezinmek için Y ve A tuşlarını kullanın.

Çalışma alanı düzeyi

Üst Karakter + Ctrl + k tuşlarına basarak klavye gezinme moduna geçin. Bu işlem, imleci çalışma alanına veya çalışma alanındaki ilk bloğa yerleştirir. İmleç bir blok üzerindeyse A tuşuna iki kez basarak imleci çalışma alanı seviyesine taşıyın. İşaretçiyi çalışma alanında taşımak için Üst Karakter + WASD tuşlarını kullanın. Grup düzeyine gitmek için D tuşunu kullanın.
Kullanıcı Üst Karakter ve W A S D tuşlarına bastığında Blockly çalışma alanındaki imleç hareket eder. Kullanıcı d tuşuna bastığında imleç, ilk blok yığınının etrafında dikdörtgen şeklinde görünür

Grup düzeyi

Grup düzeyinde, W ve S tuşlarını kullanarak çalışma alanındaki blok grupları arasında gezinebilirsiniz. Bu düzeyde imleç, bir gruptaki tüm blokların etrafında katı kırmızı bir dikdörtgenle temsil edilir. Seçili gruptaki ilk yapı taşına 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 tuşuna bastığında imleç, seçili yığıntaki ilk bloğun üzerinde yanıp sönen kırmızı bir çizgi olarak görünür.

Engelleme ve Bağlantılar Seviyesi

Bu düzeyde 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. Her ikisi de yoksa imleç aşağıda gösterildiği gibi bloğa taşınır.

Kullanıcı d tuşuna bastığında imleç, blok yığınının etrafındaki kırmızı dikdörtgen şeklinden yığıntaki ilk bloğu çevreleyen dikdörtgenin yarısına dönüşür.

Olası üç dış bağlantı aşağıda gösterilmiştir.
Üç olası harici bağlantı kırmızı çizgiyle vurgulanmıştır. 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 seviyede imleç, mevcut bağlantının yanıp sönen kırmızı dış çizgisiyle temsil edilir. Bir bloktaki ilk alana veya girişe gitmek için D tuşuna basın.
Kullanıcı S tuşuna bastığında imleç, bir bloğun sonraki bağlantısında kırmızı yanıp sönen bir çizgi olarak görünür. Kullanıcı d tuşuna bastığında imleç, bloktaki ilk alanın etrafında kırmızı bir dikdörtgen olarak görünür.

Alanlar ve Giriş Düzeyi

Bu düzeyde, bloktaki tüm alanlar ve girişler bulunur. Alanların ve girişlerin nasıl göründüğüne dair örnekler aşağıda verilmiştir.
Kırmızı bir dikdörtgen, bir bloktaki giriş ve alan örneklerini vurgular.
Bu seviyede, W ve S tuşlarını kullanarak geçerli bloğun düzenlenebilir alanları ve girişleri arasında gezinebilirsiniz. Alanlar için imleç, düz kırmızı bir dikdörtgendir. Giriş için imleç, yanıp sönen kırmızı bir bulmaca parçasıdır. İmleç bir girişteyken bağlı bloğa gitmek için D tuşuna basın.

Kullanıcı S tuşuna bastığında imleç, bloğun girişleri ve alanları arasında hareket eder. Kullanıcı, bağlı bir blok içeren bir girişteyken d tuşuna bastığında, imleç bağlı bloğun üstünde yanıp sönen kırmızı bir çizgi olarak görünür.

İmleç bir alandayken düzenlemek için Enter tuşuna basın.

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

Workspace'te 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 (ekle) kullanarak iki bloğu bağlayın

Giriş bağlantılarının yanında, işaretli olduklarını gösteren mavi bir nokta bulunur. Kullanıcı geçerli bir bağlantıda i tuşuna bastığında blok, işaretli bağlantı noktasına taşınır.

Çalışma alanında bir bloğu taşıma

Normalde Blockly'de bir bloğu, kaldırıp istediğiniz konuma sürükleyerek ve bırakarak çalışma alanına taşırsınız. Klavye kısayollarını kullanarak hedef konumunuzu işaretleyin, taşımak istediğiniz bloğa gidin ve ardından bloğu taşımasını söyleyin.

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

Blockly çalışma alanında bir imleç gösterilir. 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şıyorlar. Kullanıcı i simgesine dokunduğunda blok işaretli konuma taşınır.

Blokları ayırma

Normalde Blockly'de alttaki bloğu alıp üst bloktan sürükleyerek iki bloğun bağlantısını kaldırırsınız. Klavye kısayolları sayesinde, imleci koparmak istediğiniz bağlantının üzerine getirerek 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ı kesme

Ekranda, aralarındaki imlecin gösterildiği iki blok 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 Y ve A 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 gezinme
  5. Açılır menüden 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. S tuşuna basarak farklı kategoriler arasında geçiş yapabilirsiniz. Kullanıcı d tuşuna bastığında kategorideki ilk blok vurgulanır. Enter tuşuna bastığınızda blok çalışma alanına yerleştirilir ve araç kutusu kapatılır.

Deneme

Kullanıcıların denemek isteyebileceği dört temel alan olduğunu düşünüyoruz:

  1. Anahtar eşlemeleri: Hangi tuşların hangi işlemlerle eşlenmesi gerektiği.
  2. Ekran okuyucular için metin/Günlük kaydı/Uyarılar: Ekran okuyucunun, imleç konumlarının yanı sıra hataları veya uyarıları nasıl okuması gerektiği.
  3. Workspace'te gezinme: Kullanıcının çalışma alanındaki farklı bloklar, alanlar, girişler ve bağlantılar arasında 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 Blockly Klavye Gezinme kod laboratuvarına bakın.

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

SSS

S: Klavye gezinme için neden ok tuşlarını kullanmadınız?
Y: Ekran okuyucular genellikle ok tuşlarını kullanır. Bu sürece müdahale etmek istemediğimiz için WASD tuşlarını kullanmayı tercih ettik.
Ancak 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: Bu süreç oldukça karmaşık görünüyor. Neden farklı katmanlara ihtiyacımız var?
Y: Klavye gezinme özelliğini düşünürken farklı bloklar, bağlantılar, alanlar, girişler ve çalışma alanı koordinatları arasında gezinmek için yapılandırılmış bir yönteme ihtiyacımız vardı.
Bunu dahili olarak soyut söz dizimi ağacıyla (AST) temsil ederiz. Varsayılan imleç uygulaması bu modelden çok uzaklaşmaz.Bu, geliştiricilerin temel mimariyi daha iyi anlayabilmesi için bilinçli olarak yapılır. Son kullanıcıların anlaması daha kolay olabilecek başka imleçler de vardır.

Sınırlamalar

Henüz blok olmayan bileşenlere (ör. çöp kutusu, yakınlaştırma düğmeleri ve açılır menü düğmeleri) gitmeyi desteklemiyoruz. Kısıtlamalar hakkında daha fazla bilgi için lütfen açık klavye gezinme hatalarının listesine bakın.