5.14.11 フォントAPEXのアクセス

「フォントAPEX」ページを表示して、フォントAPEXアイコンを検索し、HTMLマークアップを表示します。

• フォントAPEX
  フォントAPEXは、Oracle Application Expressおよびユニバーサル・テーマ用のアイコン・ライブラリです。
• フォントAPEXアイコンの表示
  フォントAPEXアイコンは、「フォントAPEX」ページで検索して表示します。

5.14.11.1 フォントAPEX

フォントAPEXは、Oracle Application Expressおよびユニバーサル・テーマ用のアイコン・ライブラリです。

フォントAPEXは、最初はFont Awesome 4の後継として設計されました。ライブラリには、ほとんどすべてのFont Awesomeアイコンのバージョンが含まれていますが、それぞれが16x16グリッドの線アイコンとして再描画されています。Font AwesomeからフォントAPEXへの切り替えをシームレスにするために、一部のアイコンの名前には同じfaの接頭辞が使用されています。

小さいアイコンは、16x16グリッドに基づいていて、ボタンとメニューに最適です。大きいアイコンは、32x32グリッドに基づいていて、カード、メディア・リスト、ヒーロー・リージョンなど、大きなグラフィックを提示する必要のある場所に適しています。

多くのApplication Expressコンポーネントでは、コンテキスト(「テンプレート・オプション」など)に基づいて、自動的に大きなアイコンまたは小さなアイコンが使用されます。たとえば、カードを使用する場合、BlockおよびFeaturedテンプレート・オプションでは、大きなバージョンのアイコンが自動的に表示されます。対照的に、BasicおよびCompactのテンプレート・オプションでは、小さいセットのアイコンが使用されます。フォントAPEXには、1,150を超えるアイコンが含まれます。既存のアイコンの上に配置可能な25個の修飾子から選択できるため、任意のアイコンを必要に応じてカスタマイズできます。

5.14.11.2 フォントAPEXアイコンの表示

フォントAPEXアイコンは、「フォントAPEX」ページで検索して表示します。

適切なアイコンを見つけたら、属性を構成することでアイコンをカスタマイズできます。選択に応じて、アイコン・イメージが変更され、HTMLとアイコンの属性が更新されます。その後、アプリケーションで使用するために、更新されたHTMLマークアップとアイコン・プロパティをコピーできます。

フォントAPEXアイコンを表示するには:

1. 「ワークスペース」ホームページにナビゲートします。
2. 「アプリケーション・ビルダー」アイコンをクリックします。
3. アプリケーションを選択します。

   アプリケーションのホームページが表示されます。

4. 「ユーティリティ」をクリックします。
5. 「フォントAPEXアイコン」をクリックします。

   「フォントAPEX」ページが表示されます。

6. ページの右側にある「検索」リージョンを使用して、表示を絞り込みます。
   • 「小」または「大」を選択します。
   • 「検索」フィールドにキーワードを入力して、「実行」をクリックします。
   • 「カテゴリ」を選択します。
7. 「アイコン」の下側で、アイコンを選択します。

   次の例は、fa-bar-chartを示しています。

   
   図font_apex.pngの説明
8. 属性を構成します:
   • サイズ
   • スケール
   • アニメーション
   • 回転
   • 修飾子

   属性を構成すると、アイコン・イメージが変更され、HTMLとアイコンの属性が選択内容を反映するように更新されます。

9. HTML - HTMLマークアップが表示されます。「コピー」をクリックして、HTMLマークアップをコピーします。
10. アイコン - ボタンやリージョンなどのコンポーネントのアイコン・プロパティが表示されます。「コピー」をクリックして、アイコンをコピーします。
11. 右上隅にある「リセット・アイコン」をクリックして、属性をデフォルト設定に戻します。