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

إدارة الخصائص المتعلقة بالخط

عادةً ما تحتوي العروض التقديمية على النصوص والصور معًا. يمكن تنسيق النص بطرق متعددة، إما لتسليط الضوء على أقسام وكلمات معينة أو للامتثال لأنماط الشركة. يساعد تنسيق النص المستخدمين على تنويع مظهر ومحتوى العرض التقديمي. توضح هذه المقالة كيفية استخدام 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. ضبط محاذاة الفقرة.
6. الوصول إلى Portion النصي للـ Paragraph.
7. تعريف الخط باستخدام FontData وتعيين Font لجزء النص Portion وفقًا لذلك.
   1. ضبط الخط إلى غامق.
   2. ضبط الخط إلى مائل.
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();
    }
}

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

كما هو مذكور في Managing Font Related Properties، يُستخدم 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);
    // تعيين الخط للجزء
    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();
    }
}