การนําทางด้วยแป้นพิมพ์

คู่มือนี้จะเน้นที่วิธีใช้การไปยังส่วนต่างๆ ของแป้นพิมพ์เริ่มต้นตามที่นำมาใช้ใน Blockly ในปัจจุบัน

การใช้การไปยังส่วนต่างๆ ด้วยแป้นพิมพ์

ผู้ใช้ต้องทํางานต่อไปนี้ให้เสร็จสมบูรณ์เพื่อให้การไปยังส่วนต่างๆ ด้วยแป้นพิมพ์ประสบความสําเร็จ

  • เลื่อนไปรอบๆ พื้นที่ทำงาน
  • เชื่อมต่อบล็อกในพื้นที่ทํางาน
  • เพิ่มบล็อกลงในพื้นที่ทำงาน
  • ปลดบล็อก
  • ไปยังส่วนต่างๆ ในกล่องเครื่องมือ
  • ไปยังส่วนต่างๆ ในเมนูป๊อปอัปแบบขยายออกด้านข้าง
  • แทรกบล็อกจากเมนูแบบเลื่อนลง

ด้านล่างนี้จะอธิบายวิธีที่การไปยังส่วนต่างๆ ของแป้นพิมพ์เริ่มต้นของ Blockly ทำงาน

การเปิดใช้การไปยังส่วนต่างๆ ด้วยแป้นพิมพ์

ผู้ใช้สามารถเปิดและปิดใช้การไปยังส่วนต่างๆ ด้วยแป้นพิมพ์ได้โดยกด Shift + Ctrl + k เมื่อเปิดใช้การไปยังส่วนต่างๆ ด้วยแป้นพิมพ์เป็นครั้งแรก เส้นสีแดงที่กะพริบจะปรากฏขึ้นในเวิร์กスペース นี่คือเคอร์เซอร์ โดยจะแสดงตำแหน่งปัจจุบันของผู้ใช้และอัปเดตเมื่อผู้ใช้ไปยังส่วนต่างๆ ของพื้นที่ทำงาน
เมื่อผู้ใช้กดแป้น Shift Control K เส้นสีแดงกะพริบจะปรากฏบนหน้าจอ นี่คือเคอร์เซอร์

การกด Enter จะสร้างเส้นสีน้ำเงินที่ตำแหน่งปัจจุบันซึ่งแสดงเครื่องหมายของผู้ใช้ เครื่องหมายแสดงตำแหน่งเป้าหมายสำหรับการแทรกบล็อก แต่จะไม่มีการอัปเดตขณะที่คุณเลื่อนเคอร์เซอร์ไปรอบๆ พื้นที่ทํางาน
เมื่อผู้ใช้กด Enter เส้นสีน้ำเงินจะปรากฏขึ้นบนหน้าจอ นี่คือเครื่องหมาย

การใช้เคอร์เซอร์เริ่มต้น

เวิร์กช็อปประกอบด้วยอินพุต ฟิลด์ การเชื่อมต่อ บล็อก และพิกัดเวิร์กช็อป เคอร์เซอร์เริ่มต้นจะย้ายไปรอบๆ พื้นที่ทํางานโดยแบ่งคอมโพเนนต์ทั้งหมดออกเป็นหลายระดับ

หากต้องการไปยังระดับต่างๆ ให้ใช้ปุ่ม A และ D หากต้องการไปยังส่วนต่างๆ ภายในระดับ ให้ใช้แป้น W และ S

ระดับพื้นที่ทำงาน

เข้าสู่โหมดการไปยังส่วนต่างๆ ด้วยแป้นพิมพ์โดยกด Shift + Ctrl + k ซึ่งจะวางเคอร์เซอร์ในพื้นที่ทํางานหรือบล็อกแรกในพื้นที่ทํางาน หากเคอร์เซอร์อยู่ในบล็อก ให้ย้ายไปยังระดับพื้นที่ทำงานโดยกด A 2 ครั้ง หากต้องการเลื่อนเคอร์เซอร์ในพื้นที่ทํางาน ให้ใช้ Shift + WASD หากต้องการย้ายไปที่ระดับกอง ให้ใช้แป้น D
เคอร์เซอร์ในพื้นที่ทํางานของ Blockly จะเคลื่อนไหวเมื่อผู้ใช้กดแป้น Shift และ W A S D เมื่อผู้ใช้กดแป้น d เคอร์เซอร์จะปรากฏเป็นสี่เหลี่ยมผืนผ้ารอบกองบล็อกแรก

ระดับกอง

ที่ระดับกอง คุณสามารถไปยังกองบล็อกต่างๆ ในเวิร์กスペースได้โดยใช้ปุ่ม W และ S ที่ระดับนี้ เคอร์เซอร์จะแสดงเป็นสี่เหลี่ยมผืนผ้าสีแดงทึบรอบบล็อกทั้งหมดในกอง หากต้องการไปที่บล็อกแรกในกองที่เลือก ให้ใช้แป้น D
เมื่อผู้ใช้กดแป้น S เคอร์เซอร์จะย้ายไปยังกองบล็อกถัดไป เมื่อผู้ใช้กดแป้น d เคอร์เซอร์จะปรากฏเป็นเส้นสีแดงที่กะพริบเหนือบล็อกแรกในกองที่เลือก

ระดับบล็อกและการเชื่อมต่อ

ระดับนี้มีบล็อกและการเชื่อมต่อภายนอกทั้งหมดในบล็อก เคอร์เซอร์เริ่มต้นจะตั้งค่าให้ข้ามบล็อกหากมีการเชื่อมต่อก่อนหน้าหรือเอาต์พุต หากไม่มีรายการใดเลย เคอร์เซอร์จะย้ายไปยังบล็อกดังที่แสดงด้านล่าง

เมื่อผู้ใช้กด d เคอร์เซอร์จะเปลี่ยนจากสี่เหลี่ยมผืนผ้าสีแดงรอบกองบล็อกเป็นครึ่งหนึ่งของสี่เหลี่ยมผืนผ้ารอบบล็อกแรกในกอง

การเชื่อมต่อภายนอกที่เป็นไปได้ 3 รูปแบบแสดงอยู่ด้านล่าง
เส้นสีแดงจะไฮไลต์การเชื่อมต่อภายนอกที่เป็นไปได้ 3 รายการ การเชื่อมต่อเหล่านี้คือการเชื่อมต่อก่อนหน้า ถัดไป และเอาต์พุตในบล็อก

ที่ระดับบล็อกและการเชื่อมต่อ คุณสามารถไปยังการเชื่อมต่อภายนอกได้โดยใช้แป้น W และ S ในระดับนี้ เคอร์เซอร์จะแสดงเป็นเส้นขอบสีแดงที่กะพริบของการเชื่อมต่อปัจจุบัน หากต้องการไปที่ช่องแรกหรือป้อนข้อมูลในบล็อก ให้กด D
เมื่อผู้ใช้กดแป้น S เคอร์เซอร์จะปรากฏเป็นเส้นสีแดงกะพริบที่การเชื่อมต่อถัดไปของบล็อก เมื่อผู้ใช้กดแป้น d เคอร์เซอร์จะปรากฏเป็นสี่เหลี่ยมผืนผ้าสีแดงรอบช่องแรกในบล็อก

ฟิลด์และระดับอินพุต

ระดับนี้จะเก็บช่องและอินพุตทั้งหมดที่อยู่ในบล็อก ตัวอย่างลักษณะของช่องและอินพุตแสดงอยู่ด้านล่าง
สี่เหลี่ยมผืนผ้าสีแดงจะไฮไลต์ตัวอย่างอินพุตและช่องในบล็อก
เมื่ออยู่ในระดับนี้ คุณจะไปยังช่องที่แก้ไขได้และป้อนข้อมูลของบล็อกปัจจุบันได้โดยใช้ W และ S สำหรับช่อง เคอร์เซอร์จะเป็นสี่เหลี่ยมผืนผ้าสีแดง สำหรับอินพุต เคอร์เซอร์จะเป็นชิ้นส่วนของปริศนาสีแดงที่กะพริบ เมื่อเคอร์เซอร์อยู่ในอินพุต ให้กด D เพื่อย้ายไปยังบล็อกที่เชื่อมต่อ

เคอร์เซอร์จะเลื่อนผ่านอินพุตและช่องของบล็อกเมื่อผู้ใช้กดแป้น S เมื่อผู้ใช้กดแป้น d ขณะป้อนข้อมูลที่มีบล็อกที่เชื่อมต่อกัน เคอร์เซอร์จะปรากฏเป็นเส้นสีแดงที่กะพริบอยู่ด้านบนของบล็อกที่เชื่อมต่อกัน

เมื่อเคอร์เซอร์อยู่ในช่อง ให้กด Enter เพื่อแก้ไข

เคอร์เซอร์จะแสดงเป็นสี่เหลี่ยมผืนผ้าสีแดงรอบช่อง เมื่อผู้ใช้กด Enter เมนูแบบเลื่อนลงจะเปิดขึ้น ผู้ใช้กดแป้น S เพื่อเลือกค่าในเมนูแบบเลื่อนลง แล้วกด Enter เพื่อปิดเมนูแบบเลื่อนลง

การเชื่อมต่อบล็อกใน Workspace

  1. ไปยังการเชื่อมต่อเป้าหมายโดยใช้ปุ่ม WASD
  2. ทำเครื่องหมายการเชื่อมต่อโดยใช้แป้น Enter
  3. ไปยังจุดเชื่อมต่อที่ถูกต้องโดยใช้ปุ่ม WASD
  4. เชื่อมต่อบล็อก 2 ก้อนโดยใช้ปุ่ม I (สำหรับแทรก)

การเชื่อมต่ออินพุตจะมีจุดสีน้ำเงินแสดงว่ามีการทําเครื่องหมายไว้ เมื่อผู้ใช้กด i บนการเชื่อมต่อที่ถูกต้อง บล็อกจะย้ายไปยังจุดเชื่อมต่อที่ทำเครื่องหมายไว้

การย้ายบล็อกในพื้นที่ทํางาน

โดยปกติแล้วใน Blockly คุณจะย้ายบล็อกไปยังพื้นที่ทํางานได้โดยหยิบบล็อกขึ้นมา ลากไปยังตําแหน่งที่ต้องการ แล้วปล่อย แป้นพิมพ์ลัดช่วยให้คุณทำเครื่องหมายตำแหน่งเป้าหมาย ไปยังบล็อกที่ต้องการย้าย แล้วบอกให้บล็อกนั้นย้าย

  1. ไปยังตำแหน่งในเวิร์กスペースโดยใช้แป้น Shift + WASD
  2. ทำเครื่องหมายตำแหน่งนั้นในพื้นที่ทำงานโดยใช้แป้น Enter
  3. ไปยังบล็อกที่ต้องการย้ายโดยใช้แป้น WASD
  4. ย้ายบล็อกไปยังตำแหน่งที่ทําเครื่องหมายโดยใช้แป้น I

เคอร์เซอร์จะแสดงในพื้นที่ทํางานของ Blockly เมื่อผู้ใช้กด Enter ระบบจะทําเครื่องหมายตําแหน่งดังกล่าวและเส้นสีน้ำเงินจะปรากฏขึ้น ณ ตําแหน่งนี้ โดยใช้แป้น WASD เพื่อย้ายเคอร์เซอร์ไปยังการเชื่อมต่อภายนอกของบล็อก เมื่อผู้ใช้กด i บล็อกจะย้ายไปยังตำแหน่งที่ทําเครื่องหมายไว้

บล็อกที่ถอดออกได้

โดยปกติแล้วใน Blockly คุณจะยกเลิกการเชื่อมต่อบล็อก 2 บล็อกได้โดยเลือกบล็อกที่ต่ำกว่าแล้วลากออกจากบล็อกหลัก เมื่อใช้แป้นพิมพ์ลัด คุณจะยกเลิกการเชื่อมต่อบล็อกได้โดยกด X เมื่อเคอร์เซอร์อยู่ที่การเชื่อมต่อที่ต้องการยกเลิก

  1. ไปยังการเชื่อมต่อที่ต้องการตัดโดยใช้ปุ่ม WASD
  2. ยกเลิกการเชื่อมต่อด้วย X

บล็อก 2 บล็อกเชื่อมต่อกันบนหน้าจอโดยมีเคอร์เซอร์แสดงอยู่ตรงกลาง เมื่อผู้ใช้กดแป้น x บล็อกจะตัดการเชื่อมต่อ

การแทรกบล็อกจากกล่องเครื่องมือ

  1. กดแป้น T เพื่อเปิดกล่องเครื่องมือ
  2. ใช้แป้น W และ S เพื่อเลื่อนดูหมวดหมู่ต่างๆ
  3. กดปุ่ม D เพื่อไปยังบล็อกในเมนูแบบเลื่อนลง
  4. ไปยังส่วนต่างๆ ของบล็อกโดยใช้แป้น W และ S
  5. กดแป้น Enter เพื่อแทรกบล็อกจากเมนูแบบเลื่อนลง

เมื่อผู้ใช้กดแป้น t กล่องเครื่องมือจะเปิดขึ้นเพื่อแสดงบล็อกหมวดหมู่ต่างๆ การกดแป้น S จะเลื่อนไปยังหมวดหมู่ต่างๆ เมื่อผู้ใช้กด d ระบบจะไฮไลต์บล็อกแรกในหมวดหมู่ การกด Enter จะวางบล็อกในพื้นที่ทํางานและปิดกล่องเครื่องมือ

การทดลอง

เราเชื่อว่ามี 4 ด้านหลักที่ผู้คนอาจสนใจทดลองใช้

  1. การแมปแป้น: แป้นใดควรแมปกับการดำเนินการใด
  2. ข้อความสำหรับโปรแกรมอ่านหน้าจอ/การบันทึก/คำเตือน: วิธีที่โปรแกรมอ่านหน้าจอควรอ่านตำแหน่งเคอร์เซอร์ รวมถึงข้อผิดพลาดหรือคำเตือน
  3. การไปยังส่วนต่างๆ ของ Workspace: วิธีที่ผู้ใช้ไปยังส่วนต่างๆ ของบล็อก ฟิลด์ อินพุต และการเชื่อมต่อใน Workspace
  4. ลักษณะเคอร์เซอร์: ลักษณะที่เคอร์เซอร์และเครื่องหมายควรมี

ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีใช้ API เหล่านี้ได้ที่Blockly ห้องทดลองโค้ดการไปยังส่วนต่างๆ ด้วยแป้นพิมพ์

หากมีหัวข้ออื่นๆ ที่ต้องการทดสอบซึ่งเราอาจช่วยเหลือคุณได้ โปรดกรอกแบบฟอร์ม

คำถามที่พบบ่อย

ถาม: ทำไมคุณจึงไม่ใช้แป้นลูกศรในการไปยังส่วนต่างๆ ของแป้นพิมพ์
ตอบ: โดยทั่วไปแล้วโปรแกรมอ่านหน้าจอจะใช้ปุ่มลูกศร เราไม่ต้องการแทรกแซงการดำเนินการนี้ จึงเลือกใช้ปุ่ม WASD
อย่างไรก็ตาม เราตระหนักดีว่าทุกคนมีความต้องการที่แตกต่างกัน เราจึงขอแนะนำอย่างยิ่งให้สร้างวิธีง่ายๆ ในการเปลี่ยนการแมปคีย์

ถาม: ดูเหมือนจะซับซ้อนพอสมควร เหตุใดเราจึงต้องใช้เลเยอร์ที่แตกต่างกัน
ตอบ: เมื่อพูดถึงการไปยังส่วนต่างๆ ด้วยแป้นพิมพ์ เราต้องใช้วิธีที่เป็นระเบียบในการไปยังบล็อกต่างๆ การเชื่อมต่อ ช่อง อินพุต และพิกัดของพื้นที่ทำงาน
ภายในองค์กร เราแสดงข้อมูลนี้ด้วยต้นไม้ไวยากรณ์นามธรรม (AST) การใช้งานเคอร์เซอร์เริ่มต้นไม่ได้แตกต่างจากรูปแบบนี้มากนัก นี่เป็นเจตนาเพื่อให้นักพัฒนาแอปเข้าใจสถาปัตยกรรมพื้นฐานได้ดียิ่งขึ้น มีเคอร์เซอร์อื่นๆ ที่ผู้ใช้ปลายทางอาจเข้าใจได้ง่ายกว่า

ข้อจำกัด

เรายังไม่รองรับการไปยังคอมโพเนนต์ที่ไม่ใช่บล็อก (เช่น ถังขยะ ปุ่มซูม และปุ่มแบบเลื่อนออก) ดูข้อมูลเพิ่มเติมเกี่ยวกับข้อจำกัดได้ที่รายการข้อบกพร่องการไปยังส่วนต่างๆ ด้วยแป้นพิมพ์ที่ยังไม่ได้รับการแก้ไข