メインコンテンツへスキップ

カスタマイズ

Web SDKは、言語とビジュアルテーマの2つのカスタマイズ次元をサポートしています。

言語

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はデフォルト言語としてポルトガル語を使用します。

サポートされているLocaleTypesの値の完全なリストについては、APIリファレンス > Enumsを参照してください。

テーマ

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;">Loading...</div>`)
  .build();

テーマオブジェクトを生成した後、setThemeに渡します：

unicoCameraBuilder.setTheme(unicoTheme);
setHtmlPopupLoading

setHtmlPopupLoadingパラメータはドキュメントキャプチャフローに固有のものです。

カスタマイズの範囲

UnicoThemeBuilderが提供する以外のカスタマイズ次元は利用できません。完全に独自のUIが必要な場合は、Capture Standardオプション（ヘッドレスAPI統合）を参照してください。

最終更新 に