![WPF Radial Gauge](/media/444951/wpf-radialgauge-main.png)
WPF ラジアル ゲージ
データ視覚化やダッシュボードにラジアル ゲージを使用し、リッチなスタイルとインタラクティブな機能を KPI で実現できます。パワフルな円形および半円形のゲージは、時計を使用したダッシュボード、自動車ダッシュボード、航空機コックピットなどを表示することが可能です。この新しいラジアル ゲージは、以前にリリースされた xamRadialGauge の代替コントロールであり、Ignite UI (jQuery/HTML5) および NucliOS (ネイティブ iOS) バージョンと互換性があり、複数プラットフォーム間で同じ外観と機能を実現できます。
また、新たに追加された WPF ラジアル ゲージ コンフィギュレーターを使用することでコードを記述せず、視覚的にゲージコントロールを設定できます。
WPF 製品詳細はこちらラジアル スケールの構成
スケールの開始/終了位置、主目盛/副目盛、ラベル、色範囲、スイープの方向を制御できます。360 度のフルスケール、半円 (180 度) のゲージ、90 度、45 度など、カスタムに値を設定できます。
![WPF ラジアル ゲージ - スケール](/media/442735/radial-gauge-full-config.png)
針の構成
色、長さ、ポイント、ベース、キャップなど、ゲージの針属性をカスタマイズします。以下が提供される針図形です。
- なし
- 四角形
- 三角形
- 針
- 台形
- バルブ付き四角形
- バルブ付き三角形
- バルブ付き針
- バルブ付き台形
![WPF ラジアル ゲージ - 針の構成](/media/443663/wpf-radial-gauge-configurable-needle-l.png)
バッキングの構成
ラジアル ゲージを構成し、色、ゲージの端周りの図形 (fitted または circular)、オーバースイープ、角の半径など、さまざまなビジュアル属性を制御します。
![WPF ラジアル ゲージ - バッキング](/media/443664/wpf-radial-gauge-configurable-backing-l.png)
モーション フレームワーク アニメーション サポート
ラジアル ゲージ コントロールは、構成状態の間のアニメーション トランジションをサポートします。針、針位置、スケール範囲、色範囲などの変更を再描画するコントロールで徐々にアニメーション化します。トランジション期間を設定してアニメーションのスピードを制御できます。
![WPF ラジアル ゲージ - アニメーション](/media/443661/wpf-radial-gauge-motion-framework-animations-support-l.png)
ラジアル ゲージ コンフィギュレーター
ラジアル ゲージ コンフィギュレーターはゲージ API の学習の煩雑さを取り除き、開発時間を削減させます。ゲージを WYSIWYG かつ、マウス クリック作業で視覚的に設定できます。デザイナーはプレビュー表示を見ながらコントロールをインタラクティブ、かつ視覚的にデザインできます。
![WPF ラジアル ゲージ コンフィギュレーター - XAML エディター](https://static.infragistics.com/marketing/Website/products/wpf/control-images/radial-gauge-configurator/WPF-control-configurator-radial-gauge-launch-gauge-configurator-with-single-click-s.png?v=201711100900)
シングルクリックでゲージ コンフィギュレーターを起動
XAML エディターでコントロールを選択し、ライトバルブ (電球) からゲージ コンフィギュレーターを起動できます。
ゲージを視覚的に設定
リボン ギャラリー項目を使用し、シェープ、ブラシ、アウトライン、針など、リニア ゲージの大部分を視覚的に設定することができます。リニア ゲージのすべての API に精通している必要はありません。また、コンフィギュレーターは双方向 XAML パーサーを使用し、XAML に記述されている設定項目を読み込みデザイン画面上に反映させることが可能です。
![WPF ラジアル ゲージ コンフィギュレーター - リボン ギャラリー](https://static.infragistics.com/marketing/Website/products/wpf/control-images/radial-gauge-configurator/WPF-control-configurator-radial-gauge-visually-configure-your-gauge-l.png?v=201711100900)
クイックセット スタイル セレクション
予め弊社デザイナーによってデザインされたプリセットを使用し素早く外観の設定を行えます。
![WPF ラジアル ゲージ コンフィギュレーター - クイックセット](https://static.infragistics.com/marketing/Website/products/wpf/control-images/radial-gauge-configurator/WPF-control-configurator-radial-gauge-quickset-style-selection-l.png?v=201711100900)
スケール セレクター
プリセットされたスケールを選択し、アプリケーションにおける表示を切り替えます。
![WPF ラジアル ゲージ コンフィギュレーター - スケール](https://static.infragistics.com/marketing/Website/products/wpf/control-images/radial-gauge-configurator/WPF-control-configurator-radial-gauge-custom-scales-selector-l.png?v=201711100900)
![WPF ラジアル ゲージ コンフィギュレーター - プロパティ編集](https://static.infragistics.com/marketing/Website/products/wpf/control-images/radial-gauge-configurator/WPF-control-configurator-radial-gauge-property-editing-with-ease-s.gif?v=201711100900)
プロパティ編集
利便性を高めるため、プロパティ エディターにおいて関連性のあるプロパティごとにグループ分けが行われています。また、機能互換性に沿った形で設定項目の有効・無効表示が切り替わります。この仕組みによりコントロールの設定を変更できると共に実際の設定時にプロパティ間の関係性を確認できます。
範囲の設定
ひとつの範囲を選択しプロパティを変更する、あるいは複数の範囲に対してブラシやエクステント、アウトライン、開始値、太さを一度に設定することができます。
![WPF ラジアル ゲージ コンフィギュレーター - 範囲の設定](https://static.infragistics.com/marketing/Website/products/wpf/control-images/radial-gauge-configurator/WPF-control-configurator-radial-gauge-range-customization-made-simple-l.png?v=201711100900)
データ バインディング サポート
動的なデータを範囲セレクターにバインドする、あるいは範囲 エディターに手動で値を設定できます。バインディング エディターを使用することでバインディング モードやカスタム コンバートを設定することができます。更に便利なフォーマッターを用意しているため、データをどの形式で表示するかに悩む必要はありません。
![WPF ラジアル ゲージ コンフィギュレーター - データ バインディング](https://static.infragistics.com/marketing/Website/products/wpf/control-images/radial-gauge-configurator/WPF-control-configurator-radial-gauge-data-binding-is-a-breeze-l.png?v=201711100900)
背景に合わせた正しい配色を確認
利便性のため、ゲージ コンフィギュレーターの背景色をアプリケーションの背景色と同様に設定することができます。これにより、実行時に実際にどのように表示されるかを確認することができます。また、破線の枠を表示することでコントロールの領域を確認できます。
![WPF ラジアル ゲージ コンフィギュレーター - 背景色](https://static.infragistics.com/marketing/Website/products/wpf/control-images/radial-gauge-configurator/WPF-control-configurator-radial-gauge-ensure-correct-color-views-l.png?v=201711100900)
複数範囲を一度に設定
ひとつの範囲を選択しプロパティを変更する、あるいは複数の範囲に対してブラシやエクステント、アウトライン、枠線の幅を一度に設定することができます。
![WPF ラジアル ゲージ コンフィギュレーター - 複数の範囲を設定](https://static.infragistics.com/marketing/Website/products/wpf/control-images/radial-gauge-configurator/WPF-control-configurator-radial-gauge-configure-multiple-ranges-l.png?v=201711100900)
既存スタイル リソースの活用
プロジェクトやページ単位であらかじめ設定されているリソースをリソース ピッカーを使用し利用できます。
![WPF ラジアル ゲージ コンフィギュレーター - リソース](https://static.infragistics.com/marketing/Website/products/wpf/control-images/radial-gauge-configurator/WPF-control-configurator-radial-gauge-easily-use-existing-style-resources-l.png?v=201711100900 )