• インフラジスティックス・ジャパン株式会社: 050 (1745) 6258
  • マイアカウント
Infragistics Infragistics
メニュー
  • マイ アカウント
    • ログイン
  • 開発
    • おすすめパッケージ
      Infragistics Ultimate¥242,000
      (税込み)
      Web、モバイル、デスクトップアプリ構築のためのUX / UIツールキット完全版
      Infragistics Professional ¥220,000
      (税込み)
      Web、モバイル、デスクトップ開発者向けの包括的なUIコンポーネントライブラリ
      Ignite UI¥220,000
      (税込み)
      Webアプリを構築するためのUIコンポーネント完全版ライブラリ
    • WEB向け
      App Builder(New) Ignite UI Angular ASP.NET Core ASP.NET MVC Blazor jQuery React Web Components Ultimate UI for ASP.NET Web Forms
    • デスクトップ向け
      Ultimate UI for Windows FormsUltimate UI for WPF
      クロスプラットフォーム向け
      Ultimate UI for Uno Ultimate UI for UWP Ultimate UI for WinUI Ultimate UI for Xamarin
    • Design to Code
      Indigo.Design App Builder(New)Indigo.Design UIキット
  • UX
    • Indigo.Design 3ステップでデザインから画面コードを生成できるアプリケーションデザインプラットフォーム
    • App Builderドラッグアンドドロップで Web アプリケーションを構築できる ローコード デザインツール
  • BIツール
    • Reveal様々なプラットフォームで簡単にダッシュボード作成やデータ可視化が可能な、組み込み型データ分析ツール
    • Slingshotデータ、プロジェクト管理、コンテンツ、チャット。チームの可能性を最大限に引き出すタスク・プロジェクト管理ツール
  • サービス
    • サービスとサポートご利用ニーズに合わせたサービス・サポートメニューをご用意しております。
    • 有償技術支援UX/UIや開発についての各種有償技術支援サービスをご提供しております。
    • Angular入門 技術トレーニング新たにAngularフレームワークを採用してWebアプリケーション開発を行う際に最適なトレーニングです。
    • Blazor入門
      オンデマンド技術トレーニングBlazorフレームワークを採用したWebアプリケーション開発を行う場合に最適なトレーニングです。
    • Blazor応用
      オンデマンド技術トレーニングより実践的な Blazor アプリケーションの配置方法を紹介します。
    • React入門
      オンデマンド技術トレーニング(New)Reactトレーニング入門編 基礎からライブラリ導入まで学べます。
    • WPF入門
      オンデマンド技術トレーニングWPFを利用した Windows アプリケーション開発を新たに行う場合に最適なトレーニングです。
  • リソース
    • 製品ヘルプ
    • ナレッジベース
    • サンプルアプリケーション
    • お客様導入事例
    • ウェビナー
    • オンデマンド動画
    • ホワイトペーパー
    • ブログ
  • ご購入
    • 製品のご購入方法
    • 製品価格
    • サポート環境
    • サポートポリシー
    • サブスクリプション更新
    • 販売パートナー
    • 法的情報
    • FAQ
  • 資料請求
  • 無料トライアル
  • お問い合わせ
 
Xamarin | コントロール
  • トライアル版をダウンロード
Cookieポリシー:このサイトでは利用者の利便性向上やサイトの利用状況把握のため、弊社および第三者のクッキーを使用しています。本サイトの利用を続行された場合は、Cookieポリシーに同意いただいたものといたします。
閉じる
  • バーコード
    • 二次元バーコード
  • チャート
    • カテゴリーチャート
    • データチャート
    • ファンネルチャート
    • スパークラインチャート
    • 円チャート
    • ドーナツチャート
  • フレームワーク
    • Excelライブラリー
  • ゲージ
    • ブレットグラフ
    • リニアゲージ
    • ラジアルゲージ
  • グリッドとリスト
    • データグリッド
  • プロダクティビティツール
    • App Map
    • Infragisticsツールボックス
    • コントロールコンフィギュレーター
  • スケジュール
    • スケジュール
Xamarin ラジアル ゲージ

Xamarin ラジアル ゲージ

ラジアル ゲージ コントロールを使用し、リッチなスタイルとインタラクティブな機能を使用することで KPI (Key Performance Indicator) を表現します。円形および半円形のゲージは、高機能かつ使いやすく、カスタマイズ性を備えています。時計を使用したダッシュボード、自動車ダッシュボード、航空機コックピットなどの表現に最適です。

最新の Xamarin ラジアル ゲージ コンフィギュレーターを使用しコントロールの設定やデータのバインド設定を行えます。コードを記述する必要はありません。


アニメーション

アニメーション化されたトランジションのサポートで、データを魅力的に表示できます。針、針位置、スケール範囲、色範囲などのゲージの変更を滑らかにアニメーション化します。さらに、複数のプロパティを同時に設定しゲージの外観を容易に変更できます。

Xamarin ラジアル ゲージ: アニメーション

針

長さ、色、ポイント、ベース、ケープなど、針の属性をカスタマイズします。また、長方形、三角形、台形、などの定義済みの針のシェープから、ニーズに合ったものを選択します。

Xamarin ラジアル ゲージ: 針

範囲

重要な節目やマイルストーンを示す範囲を複数追加し、ゲージの情報をわかりやすく表示します。

Xamarin ラジアル ゲージ: 範囲

スケール

スケールの開始/終了位置、主目盛/副目盛、ラベル、色範囲、スイープの方向を制御できます。360 度のフルスケール、半円 (180 度) のゲージ、90 度、45 度など、カスタムに値を設定できます。

Xamarin ラジアル ゲージ: スケール

バッキング

ラジアル ゲージを構成し、色、ゲージの端周りの図形 (fitted または circular)、オーバースイープ、角の半径など、さまざまなビジュアル属性を制御します。

Xamarin ラジアル ゲージ: バッキング

ラジアル ゲージ コンフィギュレーター

ラジアル ゲージ コンフィギュレーターはゲージ API の学習の煩雑さを取り除き、開発時間を削減させます。ゲージを WYSIWYG かつ、マウス クリック作業で視覚的に設定できます。デザイナーはプレビュー表示を見ながらコントロールをインタラクティブ、かつ視覚的にデザインできます。

トライアル版のダウンロード

Xamarin ラジアル ゲージ: コンフィギュレーター

シングルクリックでゲージ コンフィギュレーターを起動

XAML エディターでコントロールを選択し、ライトバルブ (電球) からゲージ コンフィギュレーターを起動できます。


ゲージを視覚的に設定

リボン ギャラリー項目を使用し、シェープ、ブラシ、アウトライン、針など、リニア ゲージの大部分を視覚的に設定することができます。リニア ゲージのすべての API に精通している必要はありません。また、コンフィギュレーターは双方向 XAML パーサーを使用し、XAML に記述されている設定項目を読み込みデザイン画面上に反映させることが可能です。

Xamarin ラジアル ゲージ: ゲージを視覚的に設定

クイックセット スタイル セレクション

予め弊社デザイナーによってデザインされたプリセットを使用し素早く外観の設定を行えます。

Xamarin ラジアル ゲージ: クイックセット スタイル セレクション

スケール セレクター

プリセットされたスケールを選択し、アプリケーションにおける表示を切り替えます。

Xamarin ラジアル ゲージ: カスタム スケール セレクター

Xamarin ラジアル ゲージ: 簡易なプロパティ編集

プロパティ編集

利便性を高めるため、プロパティ エディターにおいて関連性のあるプロパティごとにグループ分けが行われています。また、機能互換性に沿った形で設定項目の有効・無効表示が切り替わります。この仕組みによりコントロールの設定を変更できると共に実際の設定時にプロパティ間の関係性を確認できます。


範囲の設定

ひとつの範囲を選択しプロパティを変更する、あるいは複数の範囲に対してブラシやエクステント、アウトライン、開始値、太さを一度に設定することができます。

Xamarin ラジアル ゲージ: 簡易な範囲の設定

データバインディングの設定

動的なデータを範囲セレクターにバインドする、あるいは範囲 エディターに手動で値を設定できます。バインディング エディターを使用することでバインディング モードやカスタム コンバートを設定することができます。更に便利なフォーマッターを用意しているため、データをどの形式で表示するかに悩む必要はありません。

Xamarin ラジアル ゲージ: 簡易なデータバインディングの設定

背景に合わせた正しい色の設定の確認

利便性のため、ゲージ コンフィギュレーターの背景色をアプリケーションの背景色と同様に設定することができます。これにより、実行時に実際にどのように表示されるかを確認することができます。また、破線の枠を表示することでコントロールの領域を確認できます。

Xamarin ラジアル ゲージ: 背景に合わせた正しい色の設定の確認

複数範囲を一度に設定

ひとつの範囲を選択しプロパティを変更する、あるいは複数の範囲に対してブラシやエクステント、アウトライン、枠線の幅を一度に設定することができます。

Xamarin ラジアル ゲージ: 複数範囲を一度に設定

既存スタイル リソースの活用

プロジェクトやページ単位であらかじめ設定されているリソースをリソース ピッカーを使用し利用できます。

Xamarin ラジアル ゲージ: 既存のスタイル リソースの活用
  • 製品
    • 開発ツール
    • UXツール
    • データ可視化
    • コラボレーション
    • 無料トライアル
  • 購入について
    • ご購入方法
    • 製品価格
    • 販売パートナー
    • FAQ
  • ラーニング
    • ヘルプとAPIドキュメント
    • ナレッジベース
    • サンプルアプリケーション
    • ウェビナー
  • サポート
    • 製品ライフサイクル
    • サービスリリース情報
    • サポート環境
    • サポートポリシー
    • テクニカルサポートチャット
  • マイアカウント
    • サブスクリプションの管理
    • サポートアクティビティ
    • サポート要求の送信
  • 会社情報
    • 会社概要
    • ニュース
    • 採用情報
    • 法的情報
    • 戦略パートナー
    • 開発パートナー
メールマガジンのご案内

テクノロジーや弊社製品に関する最新情報、イベントやキャンペーン情報をお届けします!

購読する
  • プライバシーポリシー
  • クッキーポリシー
  • 利用条件
  • 特定商取引法に基づく表記
I.S. Partners SOC2 SEAL GDPR SEAL
ウェビナー『Blazor vs React vs Angular 徹底比較 ~フロントエンドプラットフォーム選択のポイント』3/23開催!
詳細はこちら   
© Copyright 2023 INFRAGISTICS. All Rights Reserved
Back to top of page