5.15.10 フォントAPEXのアクセス

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

• フォントAPEXアイコン
  フォントAPEXは、Oracle APEXおよびユニバーサル・テーマのアイコン・ライブラリです。
• アイコンの参照
  「フォントAPEX」ページでアイコンを検索およびフィルタできます。

5.15.10.1 フォントAPEXアイコン

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

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

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

5.15.10.2 アイコンの参照

「フォントAPEX」ページでアイコンを検索およびフィルタできます。

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

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

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

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

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

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

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

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

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

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

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