Beheer presentatie‑zoom in JavaScript

Inleiding

Zooms in PowerPoint maken het mogelijk om naar specifieke dia’s, secties en gedeelten van een presentatie te springen en daarvan terug te keren. Wanneer je presenteert, kan deze mogelijkheid om snel door de inhoud te navigeren erg handig zijn.

overzicht_afbeelding

  • Om een volledige presentatie op één dia samen te vatten, gebruik je een Summary Zoom.
  • Om alleen geselecteerde dia’s weer te geven, gebruik je een Slide Zoom.
  • Om alleen één sectie weer te geven, gebruik je een Section Zoom.

Slide Zoom

Een slide‑zoom kan je presentatie dynamischer maken, doordat je vrijelijk tussen dia’s kunt navigeren in elke volgorde die je kiest zonder de stroom van je presentatie te onderbreken. Slide‑zooms zijn ideaal voor korte presentaties zonder veel secties, maar je kunt ze ook in andere presentatiescenario’s gebruiken.

Slide‑zooms helpen je meerdere stukjes informatie te verkennen terwijl je het gevoel hebt op één enkel canvas te werken.

overzicht_afbeelding

Voor slide‑zoom‑objecten biedt Aspose.Slides de enumeratie ZoomImageType, de klasse ZoomFrame en enkele methoden onder de klasse ShapeCollection.

Zoom‑frames maken

Je kunt een zoom‑frame op een dia toevoegen op deze manier:

  1. Maak een instantie van de klasse Presentation.
  2. Maak nieuwe dia’s aan waar je de zoom‑frames aan wilt koppelen.
  3. Voeg een identificatietekst en een achtergrond toe aan de aangemaakte dia’s.
  4. Voeg zoom‑frames (met verwijzingen naar de aangemaakte dia’s) toe aan de eerste dia.
  5. Sla de gewijzigde presentatie op als een PPTX‑bestand.

Deze JavaScript‑code laat zien hoe je een zoom‑frame op een dia maakt:

var pres = new aspose.slides.Presentation();
try {
    // Voegt nieuwe dia's toe aan de presentatie
    var slide2 = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    var slide3 = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    // Creëert een achtergrond voor de tweede dia
    slide2.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    slide2.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide2.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "cyan"));
    // Creëert een tekstvak voor de tweede dia
    var autoshape = slide2.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 200, 500, 200);
    autoshape.getTextFrame().setText("Second Slide");
    // Creëert een achtergrond voor de derde dia
    slide3.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    slide3.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide3.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "darkGray"));
    // Creëert een tekstvak voor de derde dia
    autoshape = slide3.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 200, 500, 200);
    autoshape.getTextFrame().setText("Trird Slide");
    // Voegt ZoomFrame‑objecten toe
    pres.getSlides().get_Item(0).getShapes().addZoomFrame(20, 20, 250, 200, slide2);
    pres.getSlides().get_Item(0).getShapes().addZoomFrame(200, 250, 250, 200, slide3);
    // Slaat de presentatie op
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Zoom‑frames maken met aangepaste afbeeldingen

Met Aspose.Slides voor Node.js via Java kun je een zoom‑frame met een andere dia‑voorbeeldafbeelding maken op deze manier:

  1. Maak een instantie van de klasse Presentation.
  2. Maak een nieuwe dia aan waar je het zoom‑frame aan wilt koppelen.
  3. Voeg een identificatietekst en een achtergrond toe aan de dia.
  4. Maak een PPImage‑object door een afbeelding toe te voegen aan de Images‑collectie van het Presentation‑object dat gebruikt zal worden om het frame te vullen.
  5. Voeg zoom‑frames (met verwijzing naar de aangemaakte dia) toe aan de eerste dia.
  6. Sla de gewijzigde presentatie op als een PPTX‑bestand.

Deze JavaScript‑code laat zien hoe je een zoom‑frame met een andere afbeelding maakt:

var pres = new aspose.slides.Presentation();
try {
    // Voeg een nieuwe dia toe aan de presentatie
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    // Creëert een achtergrond voor de tweede dia
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "cyan"));
    // Creëert een tekstvak voor de derde dia
    var autoshape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 200, 500, 200);
    autoshape.getTextFrame().setText("Second Slide");
    // Creëert een nieuwe afbeelding voor het zoom‑object
    var picture;
    var image = aspose.slides.Images.fromFile("image.png");
    try {
        picture = pres.getImages().addImage(image);
    } finally {
        if (image != null) {
            image.dispose();
        }
    }
    // Voegt het ZoomFrame‑object toe
    pres.getSlides().get_Item(0).getShapes().addZoomFrame(20, 20, 300, 200, slide, picture);
    // Slaat de presentatie op
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Zoom‑frames opmaken

In de vorige secties hebben we laten zien hoe je eenvoudige zoom‑frames maakt. Om complexere zoom‑frames te maken, moet je de opmaak van een simpel frame aanpassen. Er zijn verschillende opmaakopties die je op een zoom‑frame kunt toepassen.

Je kunt de opmaak van een zoom‑frame op een dia als volgt regelen:

  1. Maak een instantie van de klasse Presentation.
  2. Maak nieuwe dia’s aan waar je het zoom‑frame aan wilt koppelen.
  3. Voeg een identificatietekst en een achtergrond toe aan de aangemaakte dia’s.
  4. Voeg zoom‑frames (met verwijzingen naar de aangemaakte dia’s) toe aan de eerste dia.
  5. Maak een PPImage‑object door een afbeelding toe te voegen aan de Images‑collectie van het Presentation‑object dat gebruikt zal worden om het frame te vullen.
  6. Stel een aangepaste afbeelding in voor het eerste zoom‑frame‑object.
  7. Pas de lijnopmaak aan voor het tweede zoom‑frame‑object.
  8. Verwijder de achtergrond van de afbeelding van het tweede zoom‑frame‑object.
  9. Sla de gewijzigde presentatie op als een PPTX‑bestand.

Deze JavaScript‑code laat zien hoe je de opmaak van een zoom‑frame op een dia wijzigt:

var pres = new aspose.slides.Presentation();
try {
    // Voegt nieuwe dia's toe aan de presentatie
    var slide2 = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    var slide3 = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    // Creëert een achtergrond voor de tweede dia
    slide2.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    slide2.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide2.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "cyan"));
    // Creëert een tekstvak voor de tweede dia
    var autoshape = slide2.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 200, 500, 200);
    autoshape.getTextFrame().setText("Second Slide");
    // Creëert een achtergrond voor de derde dia
    slide3.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    slide3.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide3.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "darkGray"));
    // Creëert een tekstvak voor de derde dia
    autoshape = slide3.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 200, 500, 200);
    autoshape.getTextFrame().setText("Trird Slide");
    // Voegt ZoomFrame‑objecten toe
    var zoomFrame1 = pres.getSlides().get_Item(0).getShapes().addZoomFrame(20, 20, 250, 200, slide2);
    var zoomFrame2 = pres.getSlides().get_Item(0).getShapes().addZoomFrame(200, 250, 250, 200, slide3);
    // Creëert een nieuwe afbeelding voor het zoom‑object
    var picture;
    var image = aspose.slides.Images.fromFile("image.png");
    try {
        picture = pres.getImages().addImage(image);
    } finally {
        if (image != null) {
            image.dispose();
        }
    }
    // Stelt een aangepaste afbeelding in voor zoomFrame1‑object
    zoomFrame1.setImage(picture);
    // Stelt een zoom‑frame‑opmaak in voor zoomFrame2‑object
    zoomFrame2.getLineFormat().setWidth(5);
    zoomFrame2.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    zoomFrame2.getLineFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "pink"));
    zoomFrame2.getLineFormat().setDashStyle(aspose.slides.LineDashStyle.DashDot);
    // Instelling: laat geen achtergrond zien voor zoomFrame2‑object
    zoomFrame2.setShowBackground(false);
    // Slaat de presentatie op
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Section Zoom

Een section‑zoom is een koppeling naar een sectie in je presentatie. Je kunt section‑zooms gebruiken om terug te keren naar secties die je extra wilt benadrukken. Of je kunt ze gebruiken om te laten zien hoe bepaalde delen van je presentatie met elkaar verbonden zijn.

overzicht_afbeelding

Voor section‑zoom‑objecten biedt Aspose.Slides de klasse SectionZoomFrame en enkele methoden onder de klasse ShapeCollection.

Section‑zoom‑frames maken

Je kunt een section‑zoom‑frame op een dia toevoegen op deze manier:

  1. Maak een instantie van de klasse Presentation.
  2. Maak een nieuwe dia.
  3. Voeg een identificatie‑achtergrond toe aan de aangemaakte dia.
  4. Maak een nieuwe sectie aan waar je het zoom‑frame aan wilt koppelen.
  5. Voeg een section‑zoom‑frame (met verwijzingen naar de aangemaakte sectie) toe aan de eerste dia.
  6. Sla de gewijzigde presentatie op als een PPTX‑bestand.

Deze JavaScript‑code laat zien hoe je een zoom‑frame op een dia maakt:

var pres = new aspose.slides.Presentation();
try {
    // Voeg een nieuwe dia toe aan de presentatie
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "yellow"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // Voeg een nieuwe sectie toe aan de presentatie
    pres.getSections().addSection("Section 1", slide);
    // Voeg een SectionZoomFrame-object toe
    var sectionZoomFrame = pres.getSlides().get_Item(0).getShapes().addSectionZoomFrame(20, 20, 300, 200, pres.getSections().get_Item(1));
    // Slaat de presentatie op
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Section‑zoom‑frames maken met aangepaste afbeeldingen

Met Aspose.Slides voor Node.js via Java kun je een section‑zoom‑frame met een andere dia‑voorbeeldafbeelding maken op deze manier:

  1. Maak een instantie van de klasse Presentation.
  2. Maak een nieuwe dia.
  3. Voeg een identificatie‑achtergrond toe aan de aangemaakte dia.
  4. Maak een nieuwe sectie aan waar je het zoom‑frame aan wilt koppelen.
  5. Maak een PPImage‑object door een afbeelding toe te voegen aan de Images‑collectie van het Presentation‑object dat gebruikt zal worden om het frame te vullen.
  6. Voeg een section‑zoom‑frame (met een verwijzing naar de aangemaakte sectie) toe aan de eerste dia.
  7. Sla de gewijzigde presentatie op als een PPTX‑bestand.

Deze JavaScript‑code laat zien hoe je een zoom‑frame met een andere afbeelding maakt:

var pres = new aspose.slides.Presentation();
try {
    // Voeg een nieuwe dia toe aan de presentatie
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "yellow"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // Voeg een nieuwe sectie toe aan de presentatie
    pres.getSections().addSection("Section 1", slide);
    // Creëert een nieuwe afbeelding voor het zoom‑object
    var picture;
    var image = aspose.slides.Images.fromFile("image.png");
    try {
        picture = pres.getImages().addImage(image);
    } finally {
        if (image != null) {
            image.dispose();
        }
    }
    // Voegt SectionZoomFrame‑object toe
    var sectionZoomFrame = pres.getSlides().get_Item(0).getShapes().addSectionZoomFrame(20, 20, 300, 200, pres.getSections().get_Item(1), picture);
    // Slaat de presentatie op
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Section‑zoom‑frames opmaken

Om complexere section‑zoom‑frames te maken, moet je de opmaak van een simpel frame aanpassen. Er zijn verschillende opmaakopties die je op een section‑zoom‑frame kunt toepassen.

Je kunt de opmaak van een section‑zoom‑frame op een dia als volgt regelen:

  1. Maak een instantie van de klasse Presentation.
  2. Maak een nieuwe dia.
  3. Voeg een identificatie‑achtergrond toe aan de aangemaakte dia.
  4. Maak een nieuwe sectie aan waar je het zoom‑frame aan wilt koppelen.
  5. Voeg een section‑zoom‑frame (met verwijzingen naar de aangemaakte sectie) toe aan de eerste dia.
  6. Verander de grootte en positie van het aangemaakte section‑zoom‑object.
  7. Maak een PPImage‑object door een afbeelding toe te voegen aan de Images‑collectie van het Presentation‑object dat gebruikt zal worden om het frame te vullen.
  8. Stel een aangepaste afbeelding in voor het aangemaakte section‑zoom‑frame‑object.
  9. Schakel de terugkeer naar de oorspronkelijke dia vanuit de gekoppelde sectie in.
  10. Verwijder de achtergrond van de afbeelding van het section‑zoom‑frame‑object.
  11. Pas de lijnopmaak aan voor het tweede zoom‑frame‑object.
  12. Wijzig de duur van de overgang.
  13. Sla de gewijzigde presentatie op als een PPTX‑bestand.

Deze JavaScript‑code laat zien hoe je de opmaak van een section‑zoom‑frame wijzigt:

var pres = new aspose.slides.Presentation();
try {
    // Voeg een nieuwe dia toe aan de presentatie
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "yellow"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // Voeg een nieuwe sectie toe aan de presentatie
    pres.getSections().addSection("Section 1", slide);
    // Voeg SectionZoomFrame-object toe
    var sectionZoomFrame = pres.getSlides().get_Item(0).getShapes().addSectionZoomFrame(20, 20, 300, 200, pres.getSections().get_Item(1));
    // Opmaak voor SectionZoomFrame
    sectionZoomFrame.setX(100);
    sectionZoomFrame.setY(300);
    sectionZoomFrame.setWidth(100);
    sectionZoomFrame.setHeight(75);
    var picture;
    var image = aspose.slides.Images.fromFile("image.png");
    try {
        picture = pres.getImages().addImage(image);
    } finally {
        if (image != null) {
            image.dispose();
        }
    }
    sectionZoomFrame.setImage(picture);
    sectionZoomFrame.setReturnToParent(true);
    sectionZoomFrame.setShowBackground(false);
    sectionZoomFrame.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    sectionZoomFrame.getLineFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "gray"));
    sectionZoomFrame.getLineFormat().setDashStyle(aspose.slides.LineDashStyle.DashDot);
    sectionZoomFrame.getLineFormat().setWidth(2.5);
    sectionZoomFrame.setTransitionDuration(1.5);
    // Slaat de presentatie op
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Summary Zoom

Een summary‑zoom werkt als een landingspagina waarop alle onderdelen van je presentatie in één keer worden getoond. Tijdens het presenteren kun je met een summary‑zoom van de ene naar de andere plaats in je presentatie gaan in elke gewenste volgorde. Je kunt creatief zijn, vooruit springen of delen van je diavoorstelling opnieuw bekijken zonder de stroom van je presentatie te onderbreken.

overzicht_afbeelding

Voor summary‑zoom‑objecten biedt Aspose.Slides de klassen SummaryZoomFrame, SummaryZoomSection en SummaryZoomSectionCollection en enkele methoden onder de klasse ShapeCollection.

Summary‑zoom maken

Je kunt een summary‑zoom‑frame op een dia toevoegen op deze manier:

  1. Maak een instantie van de klasse Presentation.
  2. Maak nieuwe dia’s met identificatie‑achtergrond en nieuwe secties voor de aangemaakte dia’s.
  3. Voeg het summary‑zoom‑frame toe aan de eerste dia.
  4. Sla de gewijzigde presentatie op als een PPTX‑bestand.

Deze JavaScript‑code laat zien hoe je een summary‑zoom‑frame op een dia maakt:

var pres = new aspose.slides.Presentation();
try {
    // Voegt een nieuwe dia toe aan de presentatie
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "gray"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // Voegt een nieuwe sectie toe aan de presentatie
    pres.getSections().addSection("Section 1", slide);
    // Voegt een nieuwe dia toe aan de presentatie
    slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "cyan"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // Voegt een nieuwe sectie toe aan de presentatie
    pres.getSections().addSection("Section 2", slide);
    // Voegt een nieuwe dia toe aan de presentatie
    slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "magenta"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // Voegt een nieuwe sectie toe aan de presentatie
    pres.getSections().addSection("Section 3", slide);
    // Voegt een nieuwe dia toe aan de presentatie
    slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "green"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // Voegt een nieuwe sectie toe aan de presentatie
    pres.getSections().addSection("Section 4", slide);
    // Voegt een SummaryZoomFrame-object toe
    var summaryZoomFrame = pres.getSlides().get_Item(0).getShapes().addSummaryZoomFrame(150, 50, 300, 200);
    // Slaat de presentatie op
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Summary‑zoom‑secties toevoegen en verwijderen

Alle secties in een summary‑zoom‑frame worden vertegenwoordigd door SummaryZoomSection‑objecten, die worden opgeslagen in het SummaryZoomSectionCollection‑object. Je kunt een summary‑zoom‑sectie‑object toevoegen of verwijderen via de klasse SummaryZoomSectionCollection op deze manier:

  1. Maak een instantie van de klasse Presentation.
  2. Maak nieuwe dia’s met identificatie‑achtergrond en nieuwe secties voor de aangemaakte dia’s.
  3. Voeg een summary‑zoom‑frame toe aan de eerste dia.
  4. Voeg een nieuwe dia en sectie toe aan de presentatie.
  5. Voeg de aangemaakte sectie toe aan het summary‑zoom‑frame.
  6. Verwijder de eerste sectie uit het summary‑zoom‑frame.
  7. Sla de gewijzigde presentatie op als een PPTX‑bestand.

Deze JavaScript‑code laat zien hoe je secties toevoegt en verwijdert in een summary‑zoom‑frame:

var pres = new aspose.slides.Presentation();
try {
    // Voegt een nieuwe dia toe aan de presentatie
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "gray"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // Voegt een nieuwe sectie toe aan de presentatie
    pres.getSections().addSection("Section 1", slide);
    // Voegt een nieuwe dia toe aan de presentatie
    slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "cyan"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // Voegt een nieuwe sectie toe aan de presentatie
    pres.getSections().addSection("Section 2", slide);
    // Voegt een SummaryZoomFrame-object toe
    var summaryZoomFrame = pres.getSlides().get_Item(0).getShapes().addSummaryZoomFrame(150, 50, 300, 200);
    // Voegt een nieuwe dia toe aan de presentatie
    slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "magenta"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // Voegt een nieuwe sectie toe aan de presentatie
    var section3 = pres.getSections().addSection("Section 3", slide);
    // Voegt een sectie toe aan de Summary Zoom
    summaryZoomFrame.getSummaryZoomCollection().addSummaryZoomSection(section3);
    // Verwijdert een sectie uit de Summary Zoom
    summaryZoomFrame.getSummaryZoomCollection().removeSummaryZoomSection(pres.getSections().get_Item(1));
    // Slaat de presentatie op
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Summary‑zoom‑secties opmaken

Om complexere summary‑zoom‑sectie‑objecten te maken, moet je de opmaak van een simpel frame aanpassen. Er zijn verschillende opmaakopties die je op een summary‑zoom‑sectie‑object kunt toepassen.

Je kunt de opmaak van een summary‑zoom‑sectie‑object in een summary‑zoom‑frame als volgt regelen:

  1. Maak een instantie van de klasse Presentation.
  2. Maak nieuwe dia’s met identificatie‑achtergrond en nieuwe secties voor de aangemaakte dia’s.
  3. Voeg een summary‑zoom‑frame toe aan de eerste dia.
  4. Haal een summary‑zoom‑sectie‑object op voor het eerste object uit de ISummaryZoomSectionCollection.
  5. Maak een PPImage‑object door een afbeelding toe te voegen aan de images‑collectie van het Presentation‑object dat gebruikt zal worden om het frame te vullen.
  6. Stel een aangepaste afbeelding in voor het aangemaakte sectie‑zoom‑frame‑object.
  7. Schakel de terugkeer naar de oorspronkelijke dia vanuit de gekoppelde sectie in.
  8. Pas de lijnopmaak aan voor het tweede zoom‑frame‑object.
  9. Wijzig de duur van de overgang.
  10. Sla de gewijzigde presentatie op als een PPTX‑bestand.

Deze JavaScript‑code laat zien hoe je de opmaak van een summary‑zoom‑sectie‑object wijzigt:

var pres = new aspose.slides.Presentation();
try {
    // Voegt een nieuwe dia toe aan de presentatie
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "gray"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // Voegt een nieuwe sectie toe aan de presentatie
    pres.getSections().addSection("Section 1", slide);
    // Voegt een nieuwe dia toe aan de presentatie
    slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "cyan"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // Voegt een nieuwe sectie toe aan de presentatie
    pres.getSections().addSection("Section 2", slide);
    // Voegt een SummaryZoomFrame-object toe
    var summaryZoomFrame = pres.getSlides().get_Item(0).getShapes().addSummaryZoomFrame(150, 50, 300, 200);
    // Haalt het eerste SummaryZoomSection-object op
    var summarySection = summaryZoomFrame.getSummaryZoomCollection().get_Item(0);
    // Opmaak voor SummaryZoomSection-object
    var picture;
    var image = aspose.slides.Images.fromFile("image.png");
    try {
        picture = pres.getImages().addImage(picture);
    } finally {
        if (image != null) {
            image.dispose();
        }
    }
    summarySection.setImage(picture);
    summarySection.setReturnToParent(false);
    summarySection.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    summarySection.getLineFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "black"));
    summarySection.getLineFormat().setDashStyle(aspose.slides.LineDashStyle.DashDot);
    summarySection.getLineFormat().setWidth(1.5);
    summarySection.setTransitionDuration(1.5);
    // Slaat de presentatie op
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

FAQ

Kan ik bepalen of er teruggegaan moet worden naar de ‘ouder‑dia’ na het tonen van het doel?

Ja. Het Zoom frame of de section heeft een setReturnToParent‑methode die, wanneer ingeschakeld, kijkers terugstuurt naar de bron‑dia nadat ze de doelinhoud hebben bezocht.

Kan ik de ‘snelheid’ of duur van de Zoom‑overgang aanpassen?

Ja. Zoom biedt een setTransitionDuration‑methode zodat je de tijd van de spronganimatie kunt regelen.

Zijn er limieten voor het aantal Zoom‑objecten dat een presentatie kan bevatten?

Er is geen harde API‑limiet gedocumenteerd. Praktische limieten hangen af van de algehele complexiteit van de presentatie en de prestaties van de viewer. Je kunt veel Zoom‑frames toevoegen, maar houd rekening met bestandsgrootte en rendertijd.

Beheer presentatietekst in JavaScript Maak en pas PowerPoint‑grafieken aan in JavaScript