Menerapkan Animasi Shape dalam Presentasi Menggunakan C++

Pendahuluan

Animasi adalah efek visual yang dapat diterapkan pada teks, gambar, bentuk, atau diagram. Mereka memberikan kehidupan pada presentasi atau komponennya.

Mengapa Menggunakan Animasi dalam Presentasi?

Dengan menggunakan animasi, Anda dapat

mengendalikan alur informasi
menekankan poin penting
meningkatkan minat atau partisipasi audiens Anda
membuat konten lebih mudah dibaca, dipahami, atau diproses
menarik perhatian pembaca atau penonton Anda ke bagian penting dalam presentasi

PowerPoint menyediakan banyak pilihan dan alat untuk animasi serta efek animasi pada kategori entrance, exit, emphasis, dan motion paths.

Animasi di Aspose.Slides

Aspose.Slides menyediakan kelas dan tipe yang Anda butuhkan untuk bekerja dengan animasi di dalam namespace Aspose.Slides.Animation.
Aspose.Slides menyediakan lebih dari 150 efek animasi di dalam enumerasi EffectType. Efek-efek ini pada dasarnya sama (atau setara) dengan efek yang digunakan di PowerPoint.

Menerapkan Animasi ke TextBox

Aspose.Slides untuk C++ memungkinkan Anda menerapkan animasi ke teks dalam sebuah bentuk.

Buat sebuah instance dari kelas Presentation.
Dapatkan referensi slide melalui indeksnya.
Tambahkan sebuah rectangle IAutoShape.
Tambahkan teks ke IAutoShape.TextFrame.
Dapatkan urutan utama efek.
Tambahkan efek animasi ke IAutoShape.
Setel properti TextAnimation.BuildType ke nilai dari BuildType Enumeration.
Tuliskan presentasi ke disk sebagai file PPTX.

Kode C++ berikut menunjukkan cara menerapkan efek Fade ke AutoShape dan mengatur animasi teks ke nilai By 1st Level Paragraphs:

// Membuat instance kelas presentasi yang mewakili file presentasi.
System::SharedPtr<Presentation> pres = System::MakeObject<Presentation>();

System::SharedPtr<ISlide> sld = pres->get_Slides()->idx_get(0);

// Menambahkan AutoShape baru dengan teks
System::SharedPtr<IAutoShape> autoShape =
    sld->get_Shapes()->AddAutoShape(Aspose::Slides::ShapeType::Rectangle, 20.0f, 20.0f, 150.0f, 100.0f);

System::SharedPtr<ITextFrame> textFrame = autoShape->get_TextFrame();
textFrame->set_Text(u"First paragraph \nSecond paragraph \n Third paragraph");

// Mendapatkan urutan utama slide.
System::SharedPtr<ISequence> sequence = sld->get_Timeline()->get_MainSequence();

// Menambahkan efek animasi Fade ke shape
System::SharedPtr<IEffect> effect = sequence->AddEffect(autoShape, Aspose::Slides::Animation::EffectType::Fade,
    Aspose::Slides::Animation::EffectSubtype::None, Aspose::Slides::Animation::EffectTriggerType::OnClick);

// Menganimasikan teks shape per paragraf tingkat pertama
effect->get_TextAnimation()->set_BuildType(Aspose::Slides::Animation::BuildType::ByLevelParagraphs1);

// Menyimpan file PPTX ke disk
pres->Save(path + u"AnimText_out.pptx", Aspose::Slides::Export::SaveFormat::Pptx);

Selain menerapkan animasi pada teks, Anda juga dapat menerapkan animasi pada satu Paragraf. Lihat Teks Beranimasi.

Menerapkan Animasi ke PictureFrame

Buat sebuah instance dari kelas Presentation.
Dapatkan referensi slide melalui indeksnya.
Tambahkan atau dapatkan sebuah PictureFrame pada slide.
Dapatkan urutan utama efek.
Tambahkan efek animasi ke PictureFrame.
Tuliskan presentasi ke disk sebagai file PPTX.

Kode C++ berikut menunjukkan cara menerapkan efek Fly ke sebuah picture frame:

// Membuat instance kelas presentasi yang mewakili file presentasi.
System::SharedPtr<Presentation> pres = System::MakeObject<Presentation>();

// Memuat gambar yang akan ditambahkan ke koleksi gambar presentasi
System::SharedPtr<IImage> img = Images::FromFile(u"aspose-logo.jpg");
System::SharedPtr<IPPImage> image = pres->get_Images()->AddImage(img);

// Menambahkan picture frame ke slide
System::SharedPtr<IPictureFrame> picFrame =
    pres->get_Slides()->idx_get(0)->get_Shapes()->AddPictureFrame(Aspose::Slides::ShapeType::Rectangle, 50.0f, 50.0f, 100.0f, 100.0f, image);

// Mendapatkan urutan utama slide.
System::SharedPtr<ISequence> sequence = pres->get_Slides()->idx_get(0)->get_Timeline()->get_MainSequence();

// Menambahkan efek animasi Fly dari Kiri ke picture frame
System::SharedPtr<IEffect> effect = sequence->AddEffect(picFrame, Aspose::Slides::Animation::EffectType::Fly,
    Aspose::Slides::Animation::EffectSubtype::Left, Aspose::Slides::Animation::EffectTriggerType::OnClick);

// Menyimpan file PPTX ke disk
pres->Save(path + u"AnimImage_out.pptx", Aspose::Slides::Export::SaveFormat::Pptx);

Menerapkan Animasi ke Shape

Buat sebuah instance dari kelas Presentation.
Dapatkan referensi slide melalui indeksnya.
Tambahkan sebuah rectangle IAutoShape.
Tambahkan sebuah Bevel IAutoShape (ketika objek ini diklik, animasi diputar).
Buat urutan efek pada shape bevel.
Buat sebuah UserPath kustom.
Tambahkan perintah untuk bergerak ke UserPath.
Tuliskan presentasi ke disk sebagai file PPTX.

Kode C++ berikut menunjukkan cara menerapkan efek PathFootball (path football) ke sebuah shape:

	// Jalur ke direktori dokumen.
	const String outPath = u"../out/AnimationsOnShapes_out.pptx";
	const String templatePath = u"../templates/ConnectorLineAngle.pptx";

	// Memuat presentasi
	SharedPtr<Presentation> pres = MakeObject<Presentation>();

	// Mengakses slide pertama
	SharedPtr<ISlide> slide = pres->get_Slides()->idx_get(0);

	// Mengakses koleksi shape untuk slide yang dipilih
	SharedPtr<IShapeCollection> shapes = slide->get_Shapes();

	// Membuat efek PathFootball untuk shape yang ada dari awal.
	SharedPtr<IAutoShape> ashp = slide->get_Shapes()->AddAutoShape(ShapeType::Rectangle, 150, 150, 250, 25);

	ashp->AddTextFrame(u"Animated TextBox");

	// Menambahkan efek animasi PathFootBall
	slide->get_Timeline()->get_MainSequence()->AddEffect(ashp, EffectType::PathFootball,
		EffectSubtype::None, EffectTriggerType::AfterPrevious);

	// Membuat semacam "tombol".
	SharedPtr<IAutoShape> shapeTrigger = slide->get_Shapes()->AddAutoShape(ShapeType::Bevel, 10, 10, 20, 20);

	// Membuat urutan efek untuk tombol ini.
	SharedPtr<ISequence> seqInter = slide->get_Timeline()->get_InteractiveSequences()->Add(shapeTrigger);
	
	 // Membuat jalur pengguna kustom. Objek kami akan bergerak hanya setelah tombol diklik.
	SharedPtr<IEffect> fxUserPath = seqInter->AddEffect(ashp, EffectType::PathUser, EffectSubtype::None, EffectTriggerType::OnClick);

	// Menambahkan perintah untuk bergerak karena jalur yang dibuat kosong.
	 SharedPtr<MotionEffect> motionBhv = ExplicitCast<MotionEffect>(fxUserPath->get_Behaviors()->idx_get(0));

	// SharedPtr<PointF> point = MakeObject<PointF >(0.076, 0.59);
	 const PointF point = PointF (0.076, 0.59);
	 System::ArrayPtr<PointF> pts = System::MakeObject<System::Array<PointF>>(1, point);
	 motionBhv->get_Path()->Add(MotionCommandPathType::LineTo, pts, MotionPathPointsType::Auto, true);
	 
	 //PointF point2[1] = { -0.076, -0.59 };
	const  PointF point2 = PointF(-0.076, -0.59 );

	 System::ArrayPtr<PointF> pts2 = System::MakeObject<System::Array<PointF>>(1, point2);
	 motionBhv->get_Path()->Add(MotionCommandPathType::LineTo, pts2, MotionPathPointsType::Auto, false);
	 
	 motionBhv->get_Path()->Add(MotionCommandPathType::End, nullptr, MotionPathPointsType::Auto, false);
	 
	 // Menulis file PPTX ke Disk
	 pres->Save(outPath, Aspose::Slides::Export::SaveFormat::Pptx);

Mendapatkan Efek Animasi yang Diterapkan pada Shape

Contoh berikut menunjukkan cara menggunakan metode GetEffectsByShape dari antarmuka ISequence untuk mendapatkan semua efek animasi yang diterapkan pada sebuah shape.

Contoh 1: Dapatkan efek animasi yang diterapkan pada shape pada slide normal

Sebelumnya, Anda telah mempelajari cara menambahkan efek animasi ke shape dalam presentasi PowerPoint. Kode contoh berikut menunjukkan cara mendapatkan efek yang diterapkan pada shape pertama pada slide normal pertama dalam presentasi AnimExample_out.pptx.

SharedPtr<Presentation> presentation = MakeObject<Presentation>(u"AnimExample_out.pptx");

SharedPtr<ISlide> firstSlide = presentation->get_Slide(0);

// Mendapatkan urutan animasi utama slide.
SharedPtr<ISequence> sequence = firstSlide->get_Timeline()->get_MainSequence();

// Mendapatkan shape pertama pada slide pertama.
SharedPtr<IShape> shape = firstSlide->get_Shape(0);

// Mendapatkan efek animasi yang diterapkan pada shape.
ArrayPtr<SharedPtr<IEffect>> shapeEffects = sequence->GetEffectsByShape(shape);

if (shapeEffects->get_Length() > 0)
{
    Console::WriteLine(u"The shape " + shape->get_Name() + u" has " + shapeEffects->get_Length() + u" animation effects.");
}

presentation->Dispose();

Contoh 2: Dapatkan semua efek animasi, termasuk yang diwarisi dari placeholder

Jika sebuah shape pada slide normal memiliki placeholder yang berada pada slide tata letak dan/atau master, dan efek animasi telah ditambahkan ke placeholder tersebut, maka semua efek shape akan diputar selama pertunjukan slide, termasuk yang diwarisi dari placeholder.

Misalkan kita memiliki file presentasi PowerPoint sample.pptx dengan satu slide yang hanya berisi shape footer dengan teks “Made with Aspose.Slides” dan efek Random Bars diterapkan pada shape tersebut.

Efek animasi shape slide

Misalkan juga efek Split diterapkan pada placeholder footer pada slide layout.

Efek animasi shape tata letak

Dan akhirnya, efek Fly In diterapkan pada placeholder footer pada slide master.

Efek animasi shape master

Kode contoh berikut menunjukkan cara menggunakan metode GetBasePlaceholder dari antarmuka IShape untuk mengakses placeholder shape dan mendapatkan efek animasi yang diterapkan pada shape footer, termasuk yang diwarisi dari placeholder yang berada pada slide tata letak dan master.

void PrintEffects(ArrayPtr<SharedPtr<IEffect>> effects)
{
    for (SharedPtr<IEffect> effect : effects)
    {
        Console::WriteLine(String::Format(u"Type: {0}, subtype: {1}", effect->get_Type(), effect->get_Subtype()));
    }
}

SharedPtr<Presentation> presentation = MakeObject<Presentation>(u"sample.pptx");

SharedPtr<ISlide> slide = presentation->get_Slide(0);

// Dapatkan efek animasi dari shape pada slide normal.
SharedPtr<IShape> shape = slide->get_Shape(0);
ArrayPtr<SharedPtr<IEffect>> shapeEffects = slide->get_Timeline()->get_MainSequence()->GetEffectsByShape(shape);

// Dapatkan efek animasi dari placeholder pada slide layout.
SharedPtr<IShape> layoutShape = shape->GetBasePlaceholder();
ArrayPtr<SharedPtr<IEffect>> layoutShapeEffects = slide->get_LayoutSlide()->get_Timeline()->get_MainSequence()->GetEffectsByShape(layoutShape);

// Dapatkan efek animasi dari placeholder pada slide master.
SharedPtr<IShape> masterShape = layoutShape->GetBasePlaceholder();
ArrayPtr<SharedPtr<IEffect>> masterShapeEffects = slide->get_LayoutSlide()->get_MasterSlide()->get_Timeline()->get_MainSequence()->GetEffectsByShape(masterShape);

presentation->Dispose();

Console::WriteLine(u"Main sequence of shape effects:");
PrintEffects(masterShapeEffects);
PrintEffects(layoutShapeEffects);
PrintEffects(shapeEffects);

Output:

Main sequence of shape effects:
Type: 47, subtype: 2              // Terbang, Bawah
Type: 134, subtype: 45            // Pisah, VertikalMasuk
Type: 126, subtype: 22            // Bar Acak, Horizontal

Mengubah Properti Timing Efek Animasi

Aspose.Slides untuk C++ memungkinkan Anda mengubah properti Timing dari sebuah efek animasi.

Ini adalah panel Animation Timing di Microsoft PowerPoint:

Panel Timing Animasi

Berikut adalah korespondensi antara PowerPoint Timing dan properti Effect.Timing:

Daftar drop-down Start pada PowerPoint Timing sesuai dengan properti Effect.Timing.TriggerType.
PowerPoint Timing Duration sesuai dengan properti Effect.Timing.Duration. Durasi sebuah animasi (dalam detik) adalah total waktu yang diperlukan animasi untuk menyelesaikan satu siklus.
PowerPoint Timing Delay sesuai dengan properti Effect.Timing.TriggerDelayTime.

Berikut cara mengubah properti Timing efek:

Terapkan atau dapatkan efek animasi.
Atur nilai baru untuk properti Effect.Timing yang Anda perlukan.
Simpan file PPTX yang telah dimodifikasi.

Kode C++ berikut mendemonstrasikan operasi tersebut:

// Membuat instance kelas presentasi yang mewakili file presentasi.
System::SharedPtr<Presentation> pres = System::MakeObject<Presentation>(u"AnimExample_out.pptx");

// Mendapatkan urutan utama slide.
System::SharedPtr<ISequence> sequence = pres->get_Slides()->idx_get(0)->get_Timeline()->get_MainSequence();

// Mendapatkan efek pertama dari urutan utama.
System::SharedPtr<IEffect> effect = sequence->idx_get(0);

// Mengubah TriggerType efek menjadi mulai saat diklik
effect->get_Timing()->set_TriggerType(Aspose::Slides::Animation::EffectTriggerType::OnClick);

// Mengubah Durasi efek
effect->get_Timing()->set_Duration(3.f);

// Mengubah TriggerDelayTime efek
effect->get_Timing()->set_TriggerDelayTime(0.5f);

// Menyimpan file PPTX ke disk
pres->Save(u"AnimExample_changed.pptx", Aspose::Slides::Export::SaveFormat::Pptx);

Suara Efek Animasi

Aspose.Slides menyediakan properti-properti ini untuk memungkinkan Anda bekerja dengan suara dalam efek animasi:

Menambahkan Suara Efek Animasi

Kode C++ berikut menunjukkan cara menambahkan suara efek animasi dan menghentikannya ketika efek berikutnya dimulai:

System::SharedPtr<Presentation> pres = System::MakeObject<Presentation>(u"AnimExample_out.pptx");

// Menambahkan audio ke koleksi audio presentasi
System::SharedPtr<IAudio> effectSound = pres->get_Audios()->AddAudio(System::IO::File::ReadAllBytes(u"sampleaudio.wav"));
System::SharedPtr<ISlide> firstSlide = pres->get_Slide(0);

// Mendapatkan urutan utama slide.
System::SharedPtr<ISequence> sequence = firstSlide->get_Timeline()->get_MainSequence();

// Mendapatkan efek pertama dari urutan utama
System::SharedPtr<IEffect> firstEffect = sequence->idx_get(0);

// Memeriksa efek untuk "Tanpa Suara"
if (!firstEffect->get_StopPreviousSound() && firstEffect->get_Sound() == nullptr)
{
    // Menambahkan suara untuk efek pertama
    firstEffect->set_Sound(effectSound);
}

// Mendapatkan urutan interaktif pertama slide.
System::SharedPtr<ISequence> interactiveSequence = firstSlide->get_Timeline()->get_InteractiveSequence(0);

// Mengatur flag efek "Hentikan suara sebelumnya"
interactiveSequence->idx_get(0)->set_StopPreviousSound(true);

// Menyimpan file PPTX ke disk
pres->Save(u"AnimExample_Sound_out.pptx", SaveFormat::Pptx);

Mengekstrak Suara Efek Animasi

Buat sebuah instance dari kelas Presentation.
Dapatkan referensi slide melalui indeksnya.
Dapatkan urutan utama efek.
Ekstrak set_Sound() yang tersemat pada setiap efek animasi.

Kode C++ berikut menunjukkan cara mengekstrak suara yang tersemat dalam sebuah efek animasi:

// Membuat instance kelas presentasi yang mewakili file presentasi.
System::SharedPtr<Presentation> pres = System::MakeObject<Presentation>(u"EffectSound.pptx");
System::SharedPtr<ISlide> slide = pres->get_Slide(0);

// Gets the main sequence of the slide.
System::SharedPtr<ISequence> sequence = slide->get_Timeline()->get_MainSequence();

for (auto&& effect : sequence)
{
    System::SharedPtr<IAudio> sound = effect->get_Sound();

    if (sound == nullptr)
        continue;

    auto audio = sound->get_BinaryData();
}

Setelah Animasi

Aspose.Slides untuk C++ memungkinkan Anda mengubah properti After animation dari sebuah efek animasi.

Ini adalah panel Animation Effect dan menu lanjutan di Microsoft PowerPoint:

Panel Efek Animasi dan Menu Lanjutan

Daftar drop-down PowerPoint Effect After animation sesuai dengan properti berikut:

Properti set_AfterAnimationType() yang menjelaskan tipe After animation :
- PowerPoint More Colors cocok dengan tipe AfterAnimationType.Color ;
- PowerPoint Don’t Dim cocok dengan tipe AfterAnimationType.DoNotDim (tipe after animation default);
- PowerPoint Hide After Animation cocok dengan tipe AfterAnimationType.HideAfterAnimation ;
- PowerPoint Hide on Next Mouse Click cocok dengan tipe AfterAnimationType.HideOnNextMouseClick ;
Properti set_AfterAnimationColor() yang mendefinisikan format warna after animation. Properti ini bekerja bersama dengan tipe AfterAnimationType.Color. Jika Anda mengubah tipe ke yang lain, warna after animation akan dihapus.

Kode C++ berikut menunjukkan cara mengubah efek after animation:

// Membuat instance kelas presentasi yang mewakili file presentasi
System::SharedPtr<Presentation> pres = System::MakeObject<Presentation>(u"AnimImage_out.pptx");
System::SharedPtr<ISlide> firstSlide = pres->get_Slide(0);

// Mendapatkan efek pertama dari urutan utama
System::SharedPtr<IEffect> firstEffect = firstSlide->get_Timeline()->get_MainSequence()->idx_get(0);

// Mengubah tipe after animation menjadi Color
firstEffect->set_AfterAnimationType(AfterAnimationType::Color);

// Mengatur warna after animation
firstEffect->get_AfterAnimationColor()->set_Color(System::Drawing::Color::get_AliceBlue());

// Menulis file PPTX ke disk
pres->Save(u"AnimImage_AfterAnimation.pptx", SaveFormat::Pptx);

Animasi Teks

Aspose.Slides menyediakan properti-properti ini untuk memungkinkan Anda bekerja dengan blok Animate text pada efek animasi:

set_AnimateTextType() yang menjelaskan tipe animate text pada efek. Teks shape dapat dianimasikan:
- Semua sekaligus (AnimateTextType.AllAtOnce tipe)
- Per kata (AnimateTextType.ByWord tipe)
- Per huruf (AnimateTextType.ByLetter tipe)
set_DelayBetweenTextParts() mengatur jeda antara bagian teks yang dianimasikan (kata atau huruf). Nilai positif menentukan persentase durasi efek. Nilai negatif menentukan jeda dalam detik.

Berikut cara mengubah properti Animate text pada efek:

Terapkan atau dapatkan efek animasi.
Setel properti set_BuildType() ke nilai BuildType.AsOneObject untuk mematikan mode animasi By Paragraphs.
Atur nilai baru untuk properti set_AnimateTextType() dan set_DelayBetweenTextParts().
Simpan file PPTX yang telah dimodifikasi.

Kode C++ berikut mendemonstrasikan operasi:

// Membuat instance kelas presentasi yang mewakili file presentasi.
System::SharedPtr<Presentation> pres = System::MakeObject<Presentation>(u"AnimTextBox_out.pptx");
System::SharedPtr<ISlide> firstSlide = pres->get_Slide(0);

// Mendapatkan efek pertama dari urutan utama
System::SharedPtr<IEffect> firstEffect = firstSlide->get_Timeline()->get_MainSequence()->idx_get(0);

// Mengubah tipe animasi teks efek menjadi "As One Object"
firstEffect->get_TextAnimation()->set_BuildType(BuildType::AsOneObject);

// Mengubah tipe animasi teks efek menjadi "By word"
firstEffect->set_AnimateTextType(AnimateTextType::ByWord);

// Mengatur jeda antar kata menjadi 20% dari durasi efek
firstEffect->set_DelayBetweenTextParts(20.0f);

// Menulis file PPTX ke disk
pres->Save(u"AnimTextBox_AnimateText.pptx", SaveFormat::Pptx);

FAQ

Bagaimana saya dapat memastikan animasi tetap terjaga saat mempublikasikan presentasi ke web?

Export to HTML5 dan aktifkan options yang bertanggung jawab atas animasi shape dan transition. HTML biasa tidak memutar animasi slide, sementara HTML5 melakukannya.

Bagaimana mengubah urutan z (urutan lapisan) shape memengaruhi animasi?

Animasi dan urutan menggambar bersifat independen: sebuah efek mengontrol timing dan tipe muncul/hilang, sementara z-order menentukan apa yang menutupi apa. Hasil visual ditentukan oleh kombinasi keduanya. (Ini adalah perilaku umum PowerPoint; model efek-dan-shape Aspose.Slides mengikuti logika yang sama.)

Apakah ada batasan saat mengonversi animasi ke video untuk efek tertentu?

Secara umum, animasi didukung, namun kasus yang jarang atau efek spesifik mungkin dirender secara berbeda. Disarankan untuk menguji dengan efek yang Anda gunakan dan dengan versi perpustakaan yang bersangkutan.

Dapatkan Properti Bentuk Efektif dari Presentasi dalam C++ Buat Thumbnail Bentuk Presentasi dalam C++