在 JavaScript 中应用或更改幻灯片布局

概述

幻灯片布局定义了占位符(如标题、文本、图片、图表和表格)的位置和格式。应用布局可使幻灯片具有一致的结构,同时允许每张幻灯片包含自己的内容。

最常见的布局包括:

  • 标题幻灯片:包含标题和副标题占位符。
  • 标题和内容:包含标题占位符和通用内容占位符。
  • 空白:不包含内容占位符,适用于需要手动定位每个形状的情况。

了解布局继承

演示文稿有三个相关层级:

  1. 一个母版幻灯片定义主题、共享格式、背景和公共对象。
  2. 一个布局幻灯片属于母版,定义特定的占位符排列。
  3. 一个普通幻灯片使用一种布局并存储该幻灯片的内容。

普通幻灯片从其布局继承主题和格式,布局又从其母版继承。直接在普通幻灯片上设置的值会覆盖该层级的继承值。创建普通幻灯片时,其占位符形状会根据所选布局生成,而这些占位符中输入的内容属于普通幻灯片。

在从布局创建幻灯片之前,请先向布局添加所需的占位符。之后再向布局添加占位符不会自动在已有的普通幻灯片中添加相应的占位符形状。

此关系有两个重要后果:

  • 更改布局上继承的格式或现有占位符的几何形状会更新所有依赖该布局的幻灯片。编辑已在使用的布局前,请检查其依赖的幻灯片并预览最终演示文稿。
  • 仍被幻灯片使用的布局不能被删除。请先将其依赖的幻灯片重新分配到其他布局,或仅删除未使用的布局。

有关此层级顶部的更多信息,请参阅幻灯片母版

选择并应用幻灯片布局

当演示文稿遵循标准 PowerPoint 布局定义时,请使用SlideLayoutType值。布局名称可由用户编辑并本地化,除非您控制源模板,否则基于名称的选择可靠性较低。

下面的示例在第一个母版上查找标题和内容布局。如果该布局不可用,则有意回退到空白。第二个空检查是必要的,因为演示文稿可能仅包含自定义布局。选定的布局随后通过Slide.setLayoutSlide方法应用到第一个普通幻灯片。

var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");
const java = require("java");

let presentation = new aspose.slides.Presentation("input.pptx");
try {
    let layoutSlides = presentation.getMasters().get_Item(0).getLayoutSlides();
    let titleAndObjectLayoutType = java.newByte(aspose.slides.SlideLayoutType.TitleAndObject);
    let blankLayoutType = java.newByte(aspose.slides.SlideLayoutType.Blank);
    let targetLayout = layoutSlides.getByType(titleAndObjectLayoutType);

    if (targetLayout === null) {
        targetLayout = layoutSlides.getByType(blankLayoutType);
    }

    if (targetLayout === null) {
        throw new Error("The first master does not contain a suitable layout slide.");
    }

    presentation.getSlides().get_Item(0).setLayoutSlide(targetLayout);
    presentation.save("output-with-new-layout.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

更改幻灯片的布局不会删除直接添加到幻灯片的普通形状。然而,占位符位置、继承的格式以及现有占位符与新布局之间的对应关系可能会改变,因此在切换差异较大的布局时请检查输出。

添加布局幻灯片

选择和创建是两个独立的操作。前面的示例仅选择了现有布局,并未创建新布局。要创建布局,请在目标母版的布局集合上调用MasterLayoutSlideCollection.add方法。

下面的示例始终添加一个名为Report Title and Content的全新标题和内容布局,然后基于它添加普通幻灯片。布局名称在集合中必须唯一。

var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");
const java = require("java");

let presentation = new aspose.slides.Presentation("input.pptx");
try {
    let masterSlide = presentation.getMasters().get_Item(0);
    let titleAndObjectLayoutType = java.newByte(aspose.slides.SlideLayoutType.TitleAndObject);
    let reportLayout = masterSlide.getLayoutSlides().add(titleAndObjectLayoutType, "Report Title and Content");
    presentation.getSlides().addEmptySlide(reportLayout);

    presentation.save("output-with-report-layout.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

仅在模板确实需要另一个可重复使用的结构时才添加布局。如果已有合适的布局,请选择并复用它,而不是创建重复的布局。

向布局幻灯片添加占位符

LayoutSlide.getPlaceholderManager方法提供一个LayoutPlaceholderManager用于向布局添加占位符形状。

PowerPoint 占位符 LayoutPlaceholderManager 方法
内容 addContentPlaceholder(x, y, width, height)
内容(垂直) addVerticalContentPlaceholder(x, y, width, height)
文本 addTextPlaceholder(x, y, width, height)
文本(垂直) addVerticalTextPlaceholder(x, y, width, height)
图片 addPicturePlaceholder(x, y, width, height)
图表 addChartPlaceholder(x, y, width, height)
表格 addTablePlaceholder(x, y, width, height)
SmartArt addSmartArtPlaceholder(x, y, width, height)
媒体 addMediaPlaceholder(x, y, width, height)
在线图片 addOnlineImagePlaceholder(x, y, width, height)

下面的示例验证空白布局是否存在,向其添加四个占位符,然后创建使用该修改后布局的普通幻灯片。顺序是有意的:先添加占位符,再创建普通幻灯片,以便 Aspose.Slides 能在该幻灯片上生成相应的占位符形状。

var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");
const java = require("java");

let presentation = new aspose.slides.Presentation();
try {
    let blankLayoutType = java.newByte(aspose.slides.SlideLayoutType.Blank);
    let blankLayout = presentation.getLayoutSlides().getByType(blankLayoutType);

    if (blankLayout === null) {
        throw new Error("The presentation does not contain a Blank layout slide.");
    }

    let placeholderManager = blankLayout.getPlaceholderManager();
    placeholderManager.addContentPlaceholder(20, 20, 310, 270);
    placeholderManager.addVerticalTextPlaceholder(350, 20, 350, 270);
    placeholderManager.addChartPlaceholder(20, 310, 310, 180);
    placeholderManager.addTablePlaceholder(350, 310, 350, 180);

    presentation.getSlides().addEmptySlide(blankLayout);
    presentation.save("output-with-placeholders.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

结果:

布局幻灯片上的占位符

移除未使用的布局幻灯片

使用Compress.removeUnusedLayoutSlides方法删除没有普通幻灯片引用的布局。该方法会保留仍在使用的布局。

var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");

let presentation = new aspose.slides.Presentation("input.pptx");
try {
    aspose.slides.Compress.removeUnusedLayoutSlides(presentation);
    presentation.save("output-without-unused-layouts.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

要移除特定布局,请先使用其hasDependingSlidesgetDependingSlides方法。重新分配所有依赖幻灯片后,再调用LayoutSlide.remove。尝试删除正在使用的布局会抛出PptxEditException

控制布局幻灯片的页脚可见性

布局拥有自己的页脚、幻灯片编号和日期时间占位符。使用LayoutSlide.getHeaderFooterManager方法可为单个布局控制这些占位符。这在例如内容布局需要显示页脚而标题布局不需要时非常有用。

下面的示例安全地选择一个布局,并使其页脚元素可见:

var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");
const java = require("java");

let presentation = new aspose.slides.Presentation("input.pptx");
try {
    let titleAndObjectLayoutType = java.newByte(aspose.slides.SlideLayoutType.TitleAndObject);
    let blankLayoutType = java.newByte(aspose.slides.SlideLayoutType.Blank);
    let layoutSlide = presentation.getLayoutSlides().getByType(titleAndObjectLayoutType);

    if (layoutSlide === null) {
        layoutSlide = presentation.getLayoutSlides().getByType(blankLayoutType);
    }

    if (layoutSlide === null) {
        throw new Error("The presentation does not contain a suitable layout slide.");
    }

    let headerFooterManager = layoutSlide.getHeaderFooterManager();
    headerFooterManager.setFooterVisibility(true);
    headerFooterManager.setSlideNumberVisibility(true);
    headerFooterManager.setDateTimeVisibility(true);
    headerFooterManager.setFooterText("Footer text");
    headerFooterManager.setDateTimeText("Date and time text");

    presentation.save("output-with-layout-footers.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

在母版及其子布局上控制页脚可见性

要在整个母版层级中应用一致的页脚设置,请使用MasterSlide.getHeaderFooterManager方法。MasterSlideHeaderFooterManager的传播方法作用于母版及其依赖的布局幻灯片和普通幻灯片;它们不会只针对单个普通幻灯片。

var aspose = aspose || {};
aspose.slides = require("aspose.slides.via.java");

let presentation = new aspose.slides.Presentation("input.pptx");
try {
    let headerFooterManager = presentation.getMasters().get_Item(0).getHeaderFooterManager();
    headerFooterManager.setFooterAndChildFootersVisibility(true);
    headerFooterManager.setSlideNumberAndChildSlideNumbersVisibility(true);
    headerFooterManager.setDateTimeAndChildDateTimesVisibility(true);
    headerFooterManager.setFooterAndChildFootersText("Footer text");
    headerFooterManager.setDateTimeAndChildDateTimesText("Date and time text");

    presentation.save("output-with-master-footers.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

常见问题解答

母版幻灯片与布局幻灯片有什么区别?

母版幻灯片定义演示文稿的主题和共享格式。布局幻灯片属于母版,定义一种可重复使用的占位符排列。普通幻灯片使用这些布局并存储特定于幻灯片的内容。

可以将布局幻灯片从一个演示文稿复制到另一个吗?

可以。使用addClone方法将副本添加到目标集合。在跨演示文稿复制时,还需要检查源布局使用的字体、主题、图片和其他资源。

修改已在使用的布局会发生什么?

依赖的幻灯片会继承布局的更改,除非它们在本地覆盖了受影响的格式或对象。因此,占位符几何形状和继承的样式可能会在许多幻灯片上同时改变。编辑布局前,请使用getDependingSlides识别受影响的幻灯片。

如果删除仍在使用的布局会怎样?

Aspose.Slides 会抛出PptxEditException。请先重新分配依赖的幻灯片,或使用removeUnusedLayoutSlides仅删除未被引用的布局。