グリフィコンの利点

グリフィコンにはビットマップ アイコンに比べて多くの利点があります。グリフィコンは実際には、私たちが使用している CSS フレームワークである Bootstrap に付属する特別なフォントの文字です。そのため、ボタンのラベルといくつかのプロパティを共有しています。

• CSS を使用してサイズと色を変更できます。
• ボタンのスタイルに応じて、暗い背景では自動的に白に変わります。
• どのようなサイズや解像度でも鮮明さを保ちます。特に「Retina」ディスプレイでは、ビットマップ アイコンとグリフアイコンの違いがわかります。

パフォーマンスの点でも、もう 1 つの利点があります。アイコン フォントは、Web クライアントによってすでに読み込まれており、すぐに使用できます。ビットマップ アイコンはサーバーへの追加リクエストを引き起こしますが、グリフィコンはそうではありません。特にモバイルでは、リクエスト数が 1 つでも減ると、それだけメリットがあります。

モデラーサポート

ビジネス モデラーでは、ボタンのプロパティ「イメージ」の名前が「アイコン」に変更され、このプロパティを編集すると次のセレクターが提供されます。

200 種類以上のグリフが用意されているので、名前に基づいてフィルタリングするオプションを提供しています。もちろん、「イメージ」オプションを使用してビットマップ アイコンを使用することもできます。

これは新しいプロジェクトを作成するときには便利ですが、ボタンがいっぱいの何百ページもあるプロジェクトがすでにある場合はどうでしょうか。そこで、新しいバッチ アイコン更新が役立ちます。これは [ツール] メニューにあり、何千ものボタンのアイコンをすばやく変更できます。組み合わせることができるフィルタリング方法は 2 つあります。

• ボタンの種類に基づいてフィルタリングできます。たとえば、すべてのデータ ビューの [保存] ボタンやすべてのグリッドの [新規] ボタンにアイコンをすばやく適用できます。
• ボタンに現在設定されているアイコンに基づいてフィルタリングできます。たとえば、現在古いフロッピー ディスク保存ビットマップ アイコンが設定されているすべてのボタンのアイコンを置き換えます。その画像が設定されている [保存] ボタンとマイクロフロー ボタンの両方が更新されます。

最後に、フィルターされたボタンのセットに付けるアイコンを選択できます。「なし」を選択すると、それらのボタンのアイコンをクリアできます。このプロジェクト全体の操作には元に戻す機能はありませんので、不要な変更を元に戻せるようにバージョン管理を使用することをお勧めします。

デフォルトでは、モデラーはボタンにアイコンを配置しなくなりました。多くの開発者から、最初にアイコンを削除することが最優先事項であるとの報告があったため、手順を省略することにしました。

最後の言葉

In Mendix 5.16では、Bootstrapフレームワークを3.3.2にアップグレードし、より多くのアイコンを利用できるようになりました。 フォーラムすでにCSSの回避策を使ってボタンにグリフィコンを表示している人はいますが、これからは新しいアイコンを使って、モデラーで実際に何をしているのか確認することができます。最後に、 グリフィコンズ Halflings アイコンを Bootstrap ユーザーに無料で提供してくれたことに感謝します。