การเลือกรายการภายในงานนำเสนอ

การเลือกคือสิ่งที่เลือกอยู่ในหน้างานนำเสนอที่เปิดอยู่ เช่น ส่วนของข้อความที่ไฮไลต์หรือตาราง คู่มือนี้จะบอกวิธีรับและตั้งค่าการเลือกในการแสดงข้อมูลที่ใช้งานอยู่โดยใช้ Apps Script

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

การเลือกและประเภทการเลือก

คุณสามารถอ่านส่วนที่เลือกได้โดยใช้คลาส Selection คลาสนี้มีเมธอดต่างๆ ในการรับออบเจ็กต์ที่เลือกตามประเภทของออบเจ็กต์ที่เลือก

อาร์เรย์ค่าคงที่ SelectionType แสดงออบเจ็กต์ที่เลือกประเภทหนึ่งๆ ตัวอย่างเช่น หากผู้ใช้เลือกข้อความบางส่วนในรูปร่าง ประเภทการเลือกจะเป็น TEXT ในกรณีนี้ คุณสามารถเรียกข้อมูลช่วงข้อความที่เลือกได้โดยใช้เมธอด selection.getTextRange()

นอกจากนี้ คุณยังเรียกข้อมูลออบเจ็กต์ที่มีการเลือกได้ด้วย โดยต่อจากตัวอย่างข้างต้น คุณสามารถเรียกข้อมูลรูปร่างที่มีข้อความที่เลือกโดยใช้ selection.getPageElementRange().getPageElements()[0] ในทํานองเดียวกัน หน้าที่มีรูปร่างล้อมรอบคือหน้าปัจจุบันที่ใช้งานอยู่ หากต้องการเรียกหน้านั้น ให้ใช้ selection.getCurrentPage()

การอ่านสิ่งที่เลือก

หากต้องการอ่านส่วนที่เลือก ให้ใช้เมธอด Presentation.getSelection() ดังที่แสดงในตัวอย่างต่อไปนี้

slides/selection/selection.gs
const selection = SlidesApp.getActivePresentation().getSelection();

การอ่านหน้าปัจจุบัน

หากต้องการดึงข้อมูลหน้าปัจจุบันที่ผู้ใช้กําลังดู ให้ใช้เมธอด getSelection() และ getCurrentPage() ดังนี้

slides/selection/selection.gs
const currentPage = SlidesApp.getActivePresentation().getSelection().getCurrentPage();

โปรดทราบว่าหน้าปัจจุบันอาจเป็นหน้าประเภทใดประเภทหนึ่งต่อไปนี้

หน้าปัจจุบันสามารถเลือกออบเจ็กต์ได้อย่างน้อย 1 รายการ และ SelectionType จะกำหนดประเภทการเลือก

การอ่านรายการที่เลือกตามประเภทรายการที่เลือก

ตัวอย่างต่อไปนี้แสดงวิธีใช้ประเภทการเลือกเพื่ออ่านการเลือกปัจจุบันในลักษณะที่เหมาะสมกับประเภท

slides/selection/selection.gs
const selection = SlidesApp.getActivePresentation().getSelection();
const selectionType = selection.getSelectionType();
let currentPage;
switch (selectionType) {
  case SlidesApp.SelectionType.NONE:
    console.log('Nothing selected');
    break;
  case SlidesApp.SelectionType.CURRENT_PAGE:
    currentPage = selection.getCurrentPage();
    console.log('Selection is a page with ID: ' + currentPage.getObjectId());
    break;
  case SlidesApp.SelectionType.PAGE_ELEMENT:
    const pageElements = selection.getPageElementRange().getPageElements();
    console.log('There are ' + pageElements.length + ' page elements selected.');
    break;
  case SlidesApp.SelectionType.TEXT:
    const tableCellRange = selection.getTableCellRange();
    if (tableCellRange !== null) {
      const tableCell = tableCellRange.getTableCells()[0];
      console.log('Selected text is in a table at row ' +
        tableCell.getRowIndex() + ', column ' +
        tableCell.getColumnIndex());
    }
    const textRange = selection.getTextRange();
    if (textRange.getStartIndex() === textRange.getEndIndex()) {
      console.log('Text cursor position: ' + textRange.getStartIndex());
    } else {
      console.log('Selection is a text range from: ' + textRange.getStartIndex() + ' to: ' +
        textRange.getEndIndex() + ' is selected');
    }
    break;
  case SlidesApp.SelectionType.TABLE_CELL:
    const tableCells = selection.getTableCellRange().getTableCells();
    const table = tableCells[0].getParentTable();
    console.log('There are ' + tableCells.length + ' table cells selected.');
    break;
  case SlidesApp.SelectionType.PAGE:
    const pages = selection.getPageRange().getPages();
    console.log('There are ' + pages.length + ' pages selected.');
    break;
  default:
    break;
}

การอ่านข้อความที่เลือก

คุณสามารถอ่านข้อความที่เลือกได้โดยใช้เมธอด Selection.getTextRange() การเลือกข้อความมี 2 ประเภท ได้แก่

  • การเลือกช่วง: หากรูปร่างมีข้อความ "สวัสดี" และเลือก "สวัสดี" ไว้ ช่วงที่ได้รับจะมี startIndex=0 และ endIndex=2
  • การเลือกเคอร์เซอร์: หากรูปร่างมีข้อความ "Hello" อยู่ และเคอร์เซอร์อยู่หลัง "H" ("H|ello") ช่วงที่ได้รับจะเป็นช่วงว่างที่มี startIndex=1 และ endIndex=1

การแก้ไขการเลือก

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

การเปลี่ยนแปลงการเลือกจะแสดงในเบราว์เซอร์ของผู้ใช้หลังจากที่สคริปต์ทำงานเสร็จสมบูรณ์แล้ว หรือเมื่อเรียกใช้ Presentation.saveAndClose()

การเลือกหน้าปัจจุบัน

คุณเลือกหน้าในการแสดงข้อมูลที่ใช้งานอยู่เป็นหน้าปัจจุบันได้โดยเรียกใช้เมธอด selectAsCurrentPage() วิธีนี้จะนําองค์ประกอบหน้าเว็บ หน้า หรือการเลือกข้อความก่อนหน้าออก ดังนั้นการใช้วิธีนี้ในหน้าปัจจุบันจะช่วยให้คุณยกเลิกการเลือกรายการที่เลือกอยู่ในหน้านั้นได้ เช่น

slides/selection/selection.gs
// Select the first slide as the current page selection and remove any previous selection.
  const selection = SlidesApp.getActivePresentation().getSelection();
  const slide = SlidesApp.getActivePresentation().getSlides()[0];
  slide.selectAsCurrentPage();
// State of selection
//
// selection.getSelectionType() = SlidesApp.SelectionType.CURRENT_PAGE
// selection.getCurrentPage() = slide
//

การเลือกองค์ประกอบหน้าเว็บ

หากต้องการเลือกองค์ประกอบหน้าเว็บในหน้าเว็บ ให้ใช้เมธอด PageElement.select() ซึ่งจะเป็นการยกเลิกการเลือกองค์ประกอบหน้าเว็บที่เลือกไว้ก่อนหน้านี้ด้วย

เช่น

slides/selection/selection.gs
  const slide = SlidesApp.getActivePresentation().getSlides()[0];
  const pageElement = slide.getPageElements()[0];
  // Only select this page element and remove any previous selection.
  pageElement.select();
// State of selection
//
// selection.getSelectionType() = SlidesApp.SelectionType.PAGE_ELEMENT
// selection.getCurrentPage() = slide
// selection.getPageElementRange().getPageElements()[0] = pageElement
//

การเลือกองค์ประกอบหน้าเว็บหลายรายการ

หากต้องการเพิ่มองค์ประกอบหน้าเว็บอื่นๆ ลงในการทําการเลือก ให้ใช้เมธอด PageElement.select(false) องค์ประกอบหน้าเว็บทั้งหมดต้องอยู่ในหน้าปัจจุบัน

slides/selection/selection.gs
  const slide = SlidesApp.getActivePresentation().getSlides()[0];
  // First select the slide page, as the current page selection.
  slide.selectAsCurrentPage();
  // Then select all the page elements in the selected slide page.
  const pageElements = slide.getPageElements();
  for (let i = 0; i < pageElements.length; i++) {
    pageElements[i].select(false);
  }
// State of selection
//
// selection.getSelectionType() = SlidesApp.SelectionType.PAGE_ELEMENT
// selection.getCurrentPage() = slide
// selection.getPageElementRange().getPageElements() = pageElements
//

การเปลี่ยนรูปแบบส่วนที่เลือก

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

  1. สมมติว่าคุณเลือกรูปร่าง A และ B ไว้ 2 รูป
  2. จากนั้นสคริปต์จะนำรูปร่าง ก. ออก
  3. ด้วยเหตุนี้ การเลือกจึงเปลี่ยนรูปแบบตามการแก้ไขเพื่อให้ระบบเลือกเฉพาะรูปร่าง ข

ตัวอย่างต่อไปนี้แสดงวิธีเปลี่ยนรูปแบบการเลือกโดยการดัดแปลงองค์ประกอบหน้าเว็บที่เลือก

slides/selection/selection.gs
  const slide = SlidesApp.getActivePresentation().getSlides()[0];
  const shape1 = slide.getPageElements()[0].asShape();
  const shape2 = slide.getPageElements()[1].asShape();
  // Select both the shapes.
  shape1.select();
  shape2.select(false);
  // State of selection
  //
  // selection.getSelectionType() = SlidesApp.SelectionType.PAGE_ELEMENT
  // selection.getCurrentPage() = slide
  // selection.getPageElementRange().getPageElements() = [shape1, shape2]
  //
  // Remove one shape.
  shape2.remove();
// State of selection
//
// selection.getSelectionType() = SlidesApp.SelectionType.PAGE_ELEMENT
// selection.getCurrentPage() = slide
// selection.getPageElementRange().getPageElements() = [shape1]
//

การเลือกข้อความ

เลือกข้อความที่อยู่ในรูปร่างหรือในเซลล์ตารางได้โดยใช้เมธอด TextRange.select() หากข้อความอยู่ในรูปร่าง ระบบจะเลือกรูปร่างนั้นด้วย หากข้อความอยู่ในเซลล์ตาราง ระบบจะเลือกทั้งเซลล์ตารางนั้นและตารางที่ล้อมรอบ

ซึ่งจะตั้งค่าหน้าหลักเป็นหน้าปัจจุบันด้วย

การเลือกช่วงในรูปร่าง

ตัวอย่างต่อไปนี้แสดงวิธีเลือกช่วงภายในข้อความที่อยู่ในรูปร่าง

slides/selection/selection.gs
  const slide = SlidesApp.getActivePresentation().getSlides()[0];
  const shape = slide.getPageElements()[0].asShape();
  shape.getText().setText('Hello');
  // Range selection: Select the text range 'He'.
  shape.getText().getRange(0, 2).select();
// State of selection
//
// selection.getSelectionType() = SlidesApp.SelectionType.TEXT
// selection.getCurrentPage() = slide
// selection.getPageElementRange().getPageElements()[0] = shape
// selection.getTextRange().getStartIndex() = 0
// selection.getTextRange().getEndIndex() = 2
//

การเลือกเคอร์เซอร์ในรูปร่าง

ตัวอย่างต่อไปนี้แสดงวิธีทําการเลือกเคอร์เซอร์ภายในข้อความที่อยู่ในรูปร่าง

slides/selection/selection.gs
  const slide = SlidesApp.getActivePresentation().getSlides()[0];
  const shape = slide.getPageElements()[0].asShape();
  shape.getText().setText('Hello');
  // Cursor selection: Place the cursor after 'H' like 'H|ello'.
  shape.getText().getRange(1, 1).select();
// State of selection
//
// selection.getSelectionType() = SlidesApp.SelectionType.TEXT
// selection.getCurrentPage() = slide
// selection.getPageElementRange().getPageElements()[0] = shape
// selection.getTextRange().getStartIndex() = 1
// selection.getTextRange().getEndIndex() = 1
//

การเลือกช่วงในเซลล์ตาราง

ตัวอย่างต่อไปนี้แสดงวิธีเลือกช่วงภายในข้อความที่อยู่ในเซลล์ตาราง

slides/selection/selection.gs
  const slide = SlidesApp.getActivePresentation().getSlides()[0];
  const table = slide.getPageElements()[0].asTable();
  const tableCell = table.getCell(0, 1);
  tableCell.getText().setText('Hello');
  // Range selection: Select the text range 'He'.
  tableCell.getText().getRange(0, 2).select();
// State of selection
//
// selection.getSelectionType() = SlidesApp.SelectionType.TEXT
// selection.getCurrentPage() = slide
// selection.getPageElementRange().getPageElements()[0] = table
// selection.getTableCellRange().getTableCells()[0] = tableCell
// selection.getTextRange().getStartIndex() = 0
// selection.getTextRange().getEndIndex() = 2
//

การเลือกเคอร์เซอร์ใน TableCell

ตัวอย่างต่อไปนี้แสดงวิธีเลือกเคอร์เซอร์ภายในข้อความที่อยู่ในเซลล์ตาราง

slides/selection/selection.gs
  const slide = SlidesApp.getActivePresentation().getSlides()[0];
  const table = slide.getPageElements()[0].asTable();
  const tableCell = table.getCell(0, 1);
  tableCell.getText().setText('Hello');
  // Cursor selection: Place the cursor after 'H' like 'H|ello'.
  tableCell.getText().getRange(1, 1).select();
// State of selection
//
// selection.getSelectionType() = SlidesApp.SelectionType.TEXT
// selection.getCurrentPage() = slide
// selection.getPageElementRange().getPageElements()[0] = table
// selection.getTableCellRange().getTableCells()[0] = tableCell
// selection.getTextRange().getStartIndex() = 1
// selection.getTextRange().getEndIndex() = 1
//

การเปลี่ยนรูปแบบการเลือกด้วยการแก้ไขข้อความ

ตัวอย่างต่อไปนี้แสดงวิธีเปลี่ยนรูปแบบส่วนที่เลือกโดยการแก้ไขข้อความที่เลือก

slides/selection/selection.gs
  const slide = SlidesApp.getActivePresentation().getSlides()[0];
  const shape = slide.getPageElements()[0].asShape();
  const textRange = shape.getText();
  textRange.setText('World');
  // Select all the text 'World'.
  textRange.select();
  // State of selection
  //
  // selection.getSelectionType() = SlidesApp.SelectionType.TEXT
  // selection.getCurrentPage() = slide
  // selection.getPageElementRange().getPageElements()[0] = shape
  // selection.getTextRange().getStartIndex() = 0
  // selection.getTextRange().getEndIndex() = 6
  //
  // Add some text to the shape, and the selection will be transformed.
  textRange.insertText(0, 'Hello ');

// State of selection
//
// selection.getSelectionType() = SlidesApp.SelectionType.TEXT
// selection.getCurrentPage() = slide
// selection.getPageElementRange().getPageElements()[0] = shape
// selection.getTextRange().getStartIndex() = 0
// selection.getTextRange().getEndIndex() = 12
//

ยกเลิกการเลือก

ไม่มีวิธีการที่ชัดเจนในการยกเลิกการเลือกข้อความหรือองค์ประกอบของหน้า อย่างไรก็ตาม ผลลัพธ์นี้สามารถทำได้โดยใช้วิธีการ Page.selectAsCurrentPage() หรือ pageElement.select()

เลือกหน้าปัจจุบัน

ตัวอย่างต่อไปนี้แสดงวิธียกเลิกการเลือกปัจจุบันในหน้าเว็บโดยการตั้งค่าหน้านั้นให้เป็นหน้าปัจจุบัน

slides/selection/selection.gs
// Unselect one or more page elements already selected.
//
// In case one or more page elements in the first slide are selected, setting the
// same (or any other) slide page as the current page would do the unselect.
//
  const slide = SlidesApp.getActivePresentation().getSlides()[0];
  slide.selectAsCurrentPage();

เลือกองค์ประกอบหน้าเว็บ

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

slides/selection/selection.gs
// Unselect one or more page elements already selected.
//
// In case one or more page elements in the first slide are selected,
// selecting any pageElement in the first slide (or any other pageElement) would
// do the unselect and select that pageElement.
//
  const slide = SlidesApp.getActivePresentation().getSlides()[0];
  slide.getPageElements()[0].select();