إدارة الخطوط في العروض التقديمية باستخدام جافاسكريبت

إدارة خصائص الخط ذات الصلة

عادةً ما تحتوي العروض التقديمية على كل من النصوص والصور. يمكن تنسيق النص بطرق متعددة، إما لتسليط الضوء على أقسام وكلمات معينة أو للامتثال للأنماط المؤسسية. يساعد تنسيق النص المستخدمين على تنويع المظهر والشعور بمحتوى العرض. يوضح هذا المقال كيف يمكن استخدام Aspose.Slides for Node.js via Java لتكوين خصائص الخط للفقرات النصية على الشرائح.

لإدارة خصائص الخط لفقرة باستخدام Aspose.Slides for Node.js via Java:

1. إنشاء نسخة من الفئة Presentation .
2. الحصول على مرجع الشريحة باستخدام فهرسها.
3. الوصول إلى أشكال Placeholder في الشريحة وتحويلها إلى النوع AutoShape .
4. جلب الـ Paragraph من الـ TextFrame الذي توفره AutoShape .
5. ضبط محاذاة الفقرة (Justify).
6. الوصول إلى نص الـ Paragraph عبر الـ Portion .
7. تعريف الخط باستخدام FontData وتعيين Font لنص الـ Portion وفقاً لذلك.
   1. تعيين الخط إلى غامق (Bold).
   2. تعيين الخط إلى مائل (Italic).
8. تعيين لون الخط باستخدام الـ FillFormat الذي توفره كائن الـ Portion .
9. حفظ العرض المعدل إلى ملف PPTX.

التنفيذ العملي للخطوات المذكورة أعلاه موضح أدناه. يتم أخذ عرض تقديمي بسيط وتنسيق الخطوط في إحدى الشرائح. اللقطات التي تلي ذلك تعرض ملف الإدخال وكيفية تعديل الكود له. يغيّر الكود الخط واللون ونمط الخط.

الشكل: النص في ملف الإدخال

الشكل: نفس النص بعد تحديث التنسيق

    // إنشاء كائن Presentation يمثل ملف PPTX
    var pres = new aspose.slides.Presentation("FontProperties.pptx");
    try {
        // الوصول إلى شريحة باستخدام موضعها
        var slide = pres.getSlides().get_Item(0);
        // الوصول إلى العنصر النائب الأول والثاني في الشريحة وتحويله إلى AutoShape
        var tf1 = slide.getShapes().get_Item(0).getTextFrame();
        var tf2 = slide.getShapes().get_Item(1).getTextFrame();
        // الوصول إلى الفقرة الأولى
        var para1 = tf1.getParagraphs().get_Item(0);
        var para2 = tf2.getParagraphs().get_Item(0);
        // ضبط محاذاة الفقرة
        para2.getParagraphFormat().setAlignment(aspose.slides.TextAlignment.JustifyLow);
        // الوصول إلى الجزء الأول
        var port1 = para1.getPortions().get_Item(0);
        var port2 = para2.getPortions().get_Item(0);
        // تعريف خطوط جديدة
        var fd1 = new aspose.slides.FontData("Elephant");
        var fd2 = new aspose.slides.FontData("Castellar");
        // تعيين خطوط جديدة للجزء
        port1.getPortionFormat().setLatinFont(fd1);
        port2.getPortionFormat().setLatinFont(fd2);
        // ضبط الخط إلى غامق
        port1.getPortionFormat().setFontBold(aspose.slides.NullableBool.True);
        port2.getPortionFormat().setFontBold(aspose.slides.NullableBool.True);
        // ضبط الخط إلى مائل
        port1.getPortionFormat().setFontItalic(aspose.slides.NullableBool.True);
        port2.getPortionFormat().setFontItalic(aspose.slides.NullableBool.True);
        // ضبط لون الخط
        port1.getPortionFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
        port1.getPortionFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "BLUE"));
        port2.getPortionFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
        port2.getPortionFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "GREEN"));
        // حفظ ملف PPTX إلى القرص
        pres.save("WelcomeFont.pptx", aspose.slides.SaveFormat.Pptx);
    } finally {
        if (pres != null) {
            pres.dispose();
        }
    }

تعيين خصائص خط النص

كما ذُكر في إدارة خصائص الخط ذات الصلة، يُستخدم الـ Portion لتجميع النصوص التي تشترك في نمط تنسيق مماثل داخل الفقرة. يوضح هذا المقال كيف يمكن استخدام Aspose.Slides for Node.js via Java لإنشاء صندوق نص يحتوي على بعض النصوص ثم تعريف خط محدد، بالإضافة إلى خصائص أخرى لفئة عائلة الخط.

لإنشاء صندوق نص وتعيين خصائص الخط للنص داخلّه:

1. إنشاء نسخة من الفئة Presentation .
2. الحصول على مرجع شريحة باستخدام فهرسها.
3. إضافة AutoShape من النوع Rectangle إلى الشريحة.
4. إزالة نمط التعبئة المرتبط بالـ AutoShape .
5. الوصول إلى الـ TextFrame الخاص بالـ AutoShape .
6. إضافة بعض النص إلى الـ TextFrame .
7. الوصول إلى كائن الـ Portion المرتبط بالـ TextFrame .
8. تعريف الخط الذي سيُستخدم للـ Portion .
9. تعيين خصائص الخط الأخرى مثل الغامق، المائل، الخط السفلي، اللون والارتفاع باستخدام الخصائص المعروضة من خلال كائن الـ Portion .
10. كتابة العرض المعدل كملف PPTX.

التنفيذ العملي للخطوات المذكورة أعلاه موضح أدناه.

الشكل: نص مع بعض خصائص الخط التي ضبطتها Aspose.Slides for Node.js via Java

// إنشاء كائن Presentation يمثل ملف PPTX
var pres = new aspose.slides.Presentation();
try {
    // الحصول على الشريحة الأولى
    var sld = pres.getSlides().get_Item(0);
    // إضافة AutoShape من نوع Rectangle
    var ashp = sld.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 50, 50, 200, 50);
    // إزالة أي نمط تعبئة مرتبط بـ AutoShape
    ashp.getFillFormat().setFillType(java.newByte(aspose.slides.FillType.NoFill));
    // الوصول إلى TextFrame المرتبط بـ AutoShape
    var tf = ashp.getTextFrame();
    tf.setText("Aspose TextBox");
    // الوصول إلى Portion المرتبط بـ TextFrame
    var port = tf.getParagraphs().get_Item(0).getPortions().get_Item(0);
    // تعيين الخط للـ Portion
    port.getPortionFormat().setLatinFont(new aspose.slides.FontData("Times New Roman"));
    // تعيين خاصية الغامق للخط
    port.getPortionFormat().setFontBold(aspose.slides.NullableBool.True);
    // تعيين خاصية المائل للخط
    port.getPortionFormat().setFontItalic(aspose.slides.NullableBool.True);
    // تعيين خاصية التسطير للخط
    port.getPortionFormat().setFontUnderline(aspose.slides.TextUnderlineType.Single);
    // تعيين ارتفاع الخط
    port.getPortionFormat().setFontHeight(25);
    // تعيين لون الخط
    port.getPortionFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    port.getPortionFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "BLUE"));
    // حفظ العرض التقديمي إلى القرص
    pres.save("pptxFont.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}