フォントタイプアイコンの構成

モバイルアプリのさまざまな場所で使用できるフォントタイプのアイコンを設定します。たとえば、画面、カード、クイックアクション機能、ナビゲーションバーとタブでフォントタイプのアイコンを使用できます。

始める前に

必要なロール：admin

このタスクについて

画面構成のワークフロー内でアイコンを構成するか、メニューから [カードとアイコン ] カテゴリ モバイルアプリビルダー を選択してアイコンを構成することができます。この手順では、[ カードとアイコン ] カテゴリを使用します。

手順

1. 移動先 すべて > システムモバイル > Mobile App Builder.
   モバイルアプリビルダー が新しいブラウザータブで開き、アプリケーションスコープ選択画面が表示されます。
2. 作業しているアプリケーションスコープを検索し、アプリケーションスコープの名前を選択します。
   モバイルアプリビルダー カテゴリのホーム画面が表示されます。
3. [カードとアイコン] カテゴリを選択し、[新規] を選択します。
4. カードまたはアイコンの作成 ダイアログ ボックスで、 アイコン を選択し、 続行 を選択します。
5. [アイコン] フォームで、アイコン の [名前 ] を入力します。
   アイコンを簡単に識別できる名前を選択してください。
6. 「タイプ」ドロップダウンリストから、「 フォント」を選択します。
7. [外観の設定] セクションで、[ スタイル] フィールドと [値 ] フィールドに次の情報を入力して、フォントアイコンを構成します。

   プラスアイコンを選択して行を追加します。

   スタイル	値
   フォント名を入力	次のいずれかのフォントファミリを入力します。 now-mobile-icons これらのアイコンは、画面で使用するように設計されています。リスト画面やブラウザー画面に移動するリストやセクションの宛先に使用します。これらのアイコンを使用して、ユーザーが移動するワークフローまたは画面を表します。 now-mobile-icons-cards カードの本文でこれらのアイコンを使用します。 now-mobile-icons-buttons これらのアイコンは、機能に使用するように設計されています。カードにあるボタンやクイックアクションで使用できます。 now-mobile-icons-ALPnavbar これらのアイコンはモバイル画面の右上隅に表示され、別の画面へのナビゲーションとして使用されます。
   値を入力	使用するフォントファミリーのアイコンを識別するコードを入力します。たとえば、 e903 はフォント ファミリの now-mobile-icons-buttons 単色の買い物かごアイコンのコードです。 フォント ファミリのアイコン コードの一覧については、で使用する モバイルアイコン参照アイコンの種類に関するトピックを参照してください。
   「FontColor」と入力して、アイコンの色の 16 進数コードを指定します。 この構成はオプションです。色を指定しない場合、デフォルトのアイコンの色は黒です。	使用する色の 16 進コードを入力します。たとえば、赤色のアイコンを指定するには、「 #FF494D」と入力します。
   名前を入力	フォントファミリのアイコンにリストされている名前を入力します。たとえば、フォント ファミリで now-mobile-icons ショッピング カート アイコンを使用する場合は、「 カート」と入力する必要があります。 フォントファミリのアイコン名のリストについては、「」 モバイルアイコン参照を参照してください。

8. [Save (保存)] を選択します。

次のタスク

フォントファミリアイコンを作成したら、Mobile App Builder を使用して、アイコンを使用するようにモバイルアプリを構成する必要があります。詳細については、「モバイルアプリでフォントアイコンを使用して構成する」を参照してください。