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

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

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

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

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

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

เปิดใช้งานการนำทางด้วยแป้นพิมพ์

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

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

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

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

ใช้คีย์ A และ D เพื่อไปยังระดับต่างๆ หากต้องการไปยังส่วนต่างๆ ภายในระดับ ให้ใช้คีย์ W และ S

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

เข้าสู่โหมดการนำทางด้วยแป้นพิมพ์โดยกด Shift + Ctrl + k ซึ่งจะวางเคอร์เซอร์บนพื้นที่ทำงานหรือบล็อกแรกบนพื้นที่ทำงาน หากเคอร์เซอร์อยู่บนบล็อก ให้ย้ายไปยังระดับพื้นที่ทำงานโดยกด A 2 ครั้ง หากต้องการเลื่อนเคอร์เซอร์ในพื้นที่ทำงาน ให้ใช้ Shift + WASD หากต้องการย้ายไปยังระดับสแต็ก ให้ใช้ปุ่ม D
เคอร์เซอร์บนพื้นที่ทำงานแบบบล็อกจะขยับเมื่อผู้ใช้กดแป้น 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 บนการเชื่อมต่อที่ถูกต้อง การบล็อกจะย้ายไปยังจุดเชื่อมต่อที่ทำเครื่องหมายไว้

การย้ายบล็อกใน Workspace

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

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

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

บล็อกบล็อก

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

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

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

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

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

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

การทดลอง

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

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

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

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

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

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

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

ข้อจำกัด

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