الانتقال إلى المحتوى الرئيسي

التخصيص

يدعم Web SDK بُعدَين من التخصيص: اللغة والمظهر البصري.

اللغة

هيّئ لغة الرسائل الإعلامية في إطارات الالتقاط عبر طريقة setLocale. استخدم التعداد LocaleTypes:

  • LocaleTypes.PT_BR — البرتغالية (البرازيل)
  • LocaleTypes.ES_MX — الإسبانية (المكسيك)
  • LocaleTypes.ES_ES — الإسبانية (إسبانيا)
  • LocaleTypes.EN_US — الإنجليزية (الولايات المتحدة الأمريكية)
import {
UnicoCheckBuilder,
LocaleTypes
} from "unico-webframe"

unicoCameraBuilder.setLocale(LocaleTypes.EN_US);
معلومة
  • قد يلزم تفعيل عن بُعد لاستخدام هذه الميزة. إذا رغبت في استخدامها، فأبلغ مدير مشروعك أو دعم Unico.
  • إذا لم يتم تهيئته، يستخدم SDK البرتغالية كلغة افتراضية.

راجع مرجع API > التعدادات للاطلاع على القائمة الكاملة لقيم LocaleTypes المدعومة.

المظهر

خصّص إطار الالتقاط باستخدام UnicoThemeBuilder. أنشئ نسخة منه واستدعِ الطرق التي تخصص كل خاصية من خصائص إطار الالتقاط:

const unicoTheme = new UnicoThemeBuilder()
.setColorSilhouetteSuccess("#0384fc")
.setBackgroundColor("#dff1f5")
.setColorText("#0384fc")
.setBackgroundColorComponents("#0384fc")
.setColorTextComponents("#dff1f5")
.setBackgroundColorBoxMessage("#fff")
.setColorTextBoxMessage("#fff")
.setBackgroundColorButtons("#0384fc")
.setColorTextButtons("#dff1f5")
.setColorCancelButton("#0384fc")
.setColorProgressBar("#0384fc")
.setFontFamily("Arial, sans-serif") // v3.19.2+
.setHtmlPopupLoading(`<div style="position: absolute; top: 45%; right: 50%; transform:
translate(50%, -50%); z-index: 10; text-align: center;">Carregando...</div>`)
.build();

بعد إنشاء كائن المظهر، مرّره إلى setTheme:

unicoCameraBuilder.setTheme(unicoTheme);
setHtmlPopupLoading

المعامل setHtmlPopupLoading مخصص لتدفق التقاط المستندات.

نطاق التخصيص

لا تتوفر أبعاد تخصيص أخرى خارج ما يوفره UnicoThemeBuilder. إذا كنت بحاجة إلى واجهة مستخدم مملوكة بالكامل، راجع خيار معيار الالتقاط (التكامل عبر API بدون واجهة).