Browse by Tags

All Tags » WPF
Showing page 1 of 11 (273 total posts)
  • XamDataChart にカスタムのUI要素を追加する

    以前のブログで、Ignite UI の igDataChart に任意の Canvas 要素を追加する方法をご紹介しました。Infragistics WPF 製品には、igDataChart と似た構造を持つチャートコントロールの XamDataChart があります。XamDataChart でも同じように、チャートエリアに自由にUI要素を配置いただくことが可能です。 今回は、前回と同様、チャートに最大値と最小値を表すラインとラベル、そしてデータポイントを強調する視覚要素を追加してみたいと思います。 目指すチャートはこちらです。 上のチャートは、柱状シリーズを持つ XamDataChart に、カスタムで作成した ContentControl ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on July 25, 2017
  • Write Fast, Run Fast: Infragistics Ultimate 2017 Vol.1 の新機能

    モバイル、Web、デスクトップ全てに対応する UI コントロール開発スイート、Infragistics Ultimate の最新バージョンである、Infragistics Ultimate 2017 Vol.1 がリリースされました! 新機能の概要を各プラットフォームごとにご紹介します。 Ignite UI for JavaScript インフラジスティックスの開発ツールは、“Write Fast, Run Fast”—アプリケーションを迅速に開発し、また、高いパフォーマンスを実現する、というコンセプトで開発されています。今回のリリースでもこのコンセプトを踏襲しつつ、お客様からのニーズに応える新コントロールや新機能を追加しました。 スケジュール 2017 Vol.1 ...
    Posted to Daizen Ikehara (Weblog) by Daizen Ikehara on June 28, 2017
  • XamDockManager のフローティングペインにアクセスする

    XamDockManager の利用でよくお問い合わせいただく、フローティングペインにアクセスする方法をご紹介します。 XamDockManager のペインをフローティングするタイミングで発生する、ToolWindowLoaded イベントをハンドルし、イベント引数 e.Window.Pane からペインを参照することができます。 例えば、SplitPane をフローティングした際に任意のスタイルを適用する場合、下記のように実装することができます。 <!--SplitPane をフローティングした時に適用するスタイル--> <Style x:Key="floatingSplitPaneStyle1" ...
    Posted to Yuki Mita (Weblog) by ymita on June 20, 2017
  • サービスリリースのお知らせ 2017年5月 : Infragistics WPF

    インフラジスティックス・ジャパンでは 2017 年 5 月 22  日付で下記製品に対しましてのサービスリリースを提供開始致しました。WPF Infragistics WPF 2016 Volume 2 (Build 2141)Infragistics WPF 修正一覧16.2ダウンロード: ホットフィックスダウンロードは弊社サイト登録者情報-キーとダウンロードより可能です。ダウンロードの際はバージョン番号をお確かめ下さい。アップデート方法Visual Studioを起動している場合は終了させて下さい。今回リリースされたインストーラーを起動させ、インストールを開始して下さい。インストール終了後、Visual ...
    Posted to Developer Support - Japan (Weblog) by ysugiura on May 23, 2017
  • サービスリリースのお知らせ 2017年3月 : Infragistics WPF

    インフラジスティックス・ジャパンでは 2017 年 3 月 30  日付で下記製品に対しましてのサービスリリースを提供開始致しました。WPF Infragistics WPF 2016 Volume 2 (Build 2109)Infragistics WPF 2016 Volume 1 (Build 2231)Infragistics WPF 修正一覧16.2Infragistics WPF 修正一覧16.1ダウンロード: ホットフィックスダウンロードは弊社サイト登録者情報-キーとダウンロードより可能です。ダウンロードの際はバージョン番号をお確かめ下さい。アップデート方法Visual ...
    Posted to Developer Support - Japan (Weblog) by ysugiura on March 30, 2017
  • XamDataGrid 行のスタイルを変更する

    XamDataGrid では、デフォルトで選択行やアクティブ行、ホバー行など各種状態に対して青色を基調とした配色が行われています。これら行のスタイルを状況に応じて変更したいという状況はよくあります。今回は行のスタイルを状態毎に個別に変更する方法をご紹介します。   実装方法 XamDataGrid の行のスタイルは DataRecordPresenter クラスで設定することができます。XamDataGrid の各要素の構成は「xamDataGrid について」を参照下さい。 DataRecordPresenter に対するスタイルを作成します。Setter の Value には ComboBox で選択している色をバインドしています。実装の詳細は サンプル ...
    Posted to Yuki Mita (Weblog) by ymita on February 1, 2017
  • ASP.NET アプリケーションで QR コード入りの PDF を作成する

    以前のブログで Windows Forms アプリケーションにて WPF コントロールの XamBarcode を使用する方法をご案内致しました。 今回はウェブ版の ASP.NET アプリケーションで QR コードを取り扱う方法をご紹介します。 Infragistics ASP.NET 製品には、QR コードやバーコードを作成することのできるコントロールがございません。そこで、以前のブログのようにQR コードの作成には Infragistics WPF のコントロールである XamQRCodeBarcode を使用します。今回はさらにその画像を取り込んで PDF ファイルを作成してみたいと思います。PDF の作成には、 Infragistics ASP.NET 製品に含まれる ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on January 16, 2017
  • XamDataGrid 多段明細行

    XamDataGrid ではデータを横方向に連続して表示する以外にも、データを多段表示することもできます。 データを多段で表示できると、横幅が限られた画面幅に各レコードを収めることも可能ですし、データを俯瞰しやすくなります。   実装方法 FieldLayoutSettings にある AutoArrangeCells プロパティに “Never” を指定し、グリッドのフィールドが自動的に1段で整列する動作を無効化します。 <igDP:XamDataGrid x:Name=''xamDataGrid1'' DataSource=''{Binding People}''> ...
    Posted to Yuki Mita (Weblog) by ymita on January 10, 2017
  • XamDataGrid と XamBarcode を使ったレポートの作成

    XamDataGrid ではグリッドの内容を印刷する機能を提供しています。XamDataGrid の印刷は専用のメソッドを呼び出すことで簡単に実現することができます。今回は XamDataGrid のセルに XamBarcode(バーコードコントロール)を埋め込んで、商品リストを作ってみます。 XamDataGrid に XamBarcode を埋め込む部分は、以前にご紹介した XamDataGrid の TemplateField 機能を利用します。TemplateField 機能については下記をご覧ください。 XamDataGrid セルに任意のコントロールを埋め込む(テンプレートフィールド)  ...
    Posted to Yuki Mita (Weblog) by ymita on January 6, 2017
  • サービスリリースのお知らせ 2016年12月 : Infragistics WPF

    インフラジスティックス・ジャパンでは 2016 年 12 月 20  日付で下記製品に対しましてのサービスリリースを提供開始致しました。 WPF  Infragistics WPF 2016 Volume 2 (Build 2045) Infragistics WPF 2016 Volume 1 (Build 2174) Infragistics WPF 修正一覧16.2 Infragistics WPF 修正一覧16.1ダウンロード: ...
    Posted to Developer Support - Japan (Weblog) by ysugiura on December 19, 2016
  • 地図上にツイッターの検索結果を表示するアプリケーション

    今日のランチどうする? なに食べようかな~? 最近近所で流行っている食べ物ってなに? みなさんもこのようなお悩みをお持ちではないでしょうか。 そこで今日は Twitter の公開 API を使って 地図上の特定位置を中心に最近投稿されたツイートを検索、 Infragistics WPF XamGeographicMap ...
    Posted to Hyung Kim (Weblog) by hkim on December 13, 2016
  • XamDataGrid 列の表示順序を取得

    XamDataGrid の列の表示順序を取得する方法をご紹介します。 XamDataGrid ではアプリケーション実行時に列の位置を左右で入れ替えたり、多段に組み替えることができます。 実行時の列の表示順序を取得するには、Field の ActualPosition.Column プロパティを利用します。 private void button_Click(object sender, RoutedEventArgs e) { FieldCollection fields = xamDataGrid1.FieldLayouts[0].Fields; for (int index = 0; index < fields.Count; index++) ...
    Posted to Yuki Mita (Weblog) by ymita on December 11, 2016
  • Windows Forms でホストした XamBarcode をプリンター印刷する

    Infragistics 製品にはバーコードやQRコードを生成することのできるコントロールが含まれています。 Windows Forms 版には専用の UltraBarcode コントロール( UltraCode128Barcode や UltraQRCodeBarcode )がございますが、プリンターでの印刷の際にはフォームに表示されている時と比べて若干鮮明度が劣るようです。一方、 WPF 版の XamBarcode コントロールは印刷時も鮮明度が保たれます。そこで、今回は Windows Forms アプリケーションで ElementHost コントロールによってWPFコントロールであるXamBarcodeをホストし、印刷する方法をご紹介します。 Windows Forms で ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on December 7, 2016
  • XamDataGrid セルのスタイルを状態に応じて変更

    XamDataGrid のセルのスタイルを、行の状態に応じて変更してみます。 XamDataGrid の提供する CellBinding 機能を利用することで簡潔に実装することができます。 Title 列の CellBindings コレクションに、セルの背景色(CellValuePresenter.Foreground)と ViewModel の ForegroundColor プロパティをバインドします。 <igDP:XamDataGrid DataSource=''{Binding Tasks}'' Grid.Row=''1''> <igDP:XamDataGrid.FieldLayouts> ...
    Posted to Yuki Mita (Weblog) by ymita on December 5, 2016
  • XamDataGrid セルに任意のコントロールを埋め込む(テンプレートフィールド)

    グリッドでの編集機能を考えたときに、エンドユーザーがどの項目を編集対象で、どの項目は表示対象であるかを表現することは操作感の向上につながります。ここでは XamDataGrid のテンプレートフィールドを利用して、エンドユーザーが見た目でどの項目を編集できるのかを表現してみます。   テンプレートフィールドを使わない場合 どの項目を編集できるかはマウス操作やキーボード操作が発生するまで見分けがつきません。   テンプレートフィールドを使った場合 「商品名」、「在庫」、「発注数」列が編集できることが所見で分かるようになりました。   ではここからテンプレートフィールドの実装を行っていきます。   テンプレートフィールドの定義 ...
    Posted to Yuki Mita (Weblog) by ymita on December 1, 2016
  • XamDataChart のデータ値をドラッグアンドドロップして変更する

    この記事では弊社のドラッグアンドドロップフレームワークとシリーズのマーカーを利用し、 ドラッグアンドドロップでマーカーの位置を動かしてグラフの値を変更することができるチャートの実装をご紹介いたします。   ■実装 まずデザイン画面で XamDataChart を追加します。 また、ドラッグアンドドロップフレームワーク利用のため必要な dll を参照追加します。   チャート部分の xaml は下記の様になります。 <ig:XamDataChart Name=''xdc1''> <ig:DragDropManager.DropTarget> ...
    Posted to Hyung Kim (Weblog) by hkim on December 1, 2016
  • XamDataGrid エクセルライクなセルの直接編集(IME 入力)

    XamDataGrid ではエクセルライクなセルの直接編集(IME 入力)をサポートしています。 FieldSettings 配下の IsAutoEditModeEnabled プロパティを True にすることでこの機能が有効になります。XamDataGrid ではデフォルトの動作として、セルクリック時に編集状態に入るようになっています。セルの直接編集ではクリック時にセルを選択するよう振る舞ってほしいので、CellClickAction プロパティに SelectCell を設定します。 XAML での実装   <igDP:XamDataGrid DataSource=''{Binding Tasks}''> ... ...
    Posted to Yuki Mita (Weblog) by ymita on November 30, 2016
  • XamDataGrid レコードのドラッグアンドドロップ

    XamDataGrid レコードのドラッグアンドドロップを実装してみましょう。XamDataGrid 単体ではドラッグアンドドロップの機能ありませんが、 Infragistics WPF に含まれる Infragistics Drag and Drop Framework を組み合わせることで実現することができます。 XamDataGrid のレコードは DataRecordPresenter として描画されており、ドラッグアンドドロップ機能を DataRecordPresenter に割り当てていきます。 Snoop を使って XamDataGrid を覗いてみます。DataRecordPresenter はここです。 実装の手順 ...
    Posted to Yuki Mita (Weblog) by ymita on November 28, 2016
  • XamDataGrid FieldChooser に特定列を表示しない方法

    XamDataGrid では列の表示/非表示を切り替えることのできる、FieldChooser 機能を提供しています。 こんな見た目です。左側に表示されている小さなウィンドウが FieldChooser です。FieldChooser 上でチェックを切り替えると XamDataGrid の列表示も同期して切り替わります。   デフォルトでは全ての列を表示/非表示切り替えができるのですが、特定の列は非表示にされないようにしたいこともあります。このような時には、非表示にされたくない列のプロパティ変更を行うことで、FieldChooser から除外することができます。 例えば、ID 列を FieldChooser から除外するには FieldSettings の ...
    Posted to Yuki Mita (Weblog) by ymita on November 22, 2016
  • XamDataGrid チェックボックスの変更通知タイミング

    XamDataGrid では、バインドデータへの値変更通知は編集を終える(セルエディタから抜ける)タイミングで発生致します。テキスト編集では直感的な動作ですが、場合によっては編集内容を即時バインドデータへ反映したい状況があります。 例えば、bool 値のデータをバインドすると、XamDataGrid がデータタイプに応じて自動的にチェックボックス列を表示します。このチェックボックスにチェックを入れる/外すタイミングでバインドデータへ即時に変更通知をしたいとします。 XamDataGrid のデフォルトの挙動では、チェックボックスからフォーカスが抜けるまで変更通知が行われませんが、DataItemUpdateTrigger プロパティに OnCellValueChange ...
    Posted to Yuki Mita (Weblog) by ymita on November 17, 2016
  • [16.2] Infragistics WPF 2016 Vol.2 の新機能

    Infragistics WPF 2016 Vol.2 の新機能をご紹介します! 今回のリリースでは新しいテーマの追加や他のプラットフォームでも提供されているチャート、グリッドの機能拡張が含まれています。 Royal Dark テーマの追加 xamCategoryChart の追加 xamDataGrid の機能拡張 カレンダーの機能拡張 xamPropertyGrid の機能拡張 Royal Dark テーマの追加 インフラジスティックスはこれまで様々な WPF 用のテーマをリリースしてきました。その中でも Metro Dark テーマはタッチ フレンドリーなテーマとして各 UI ...
    Posted to Daizen Ikehara (Weblog) by Daizen Ikehara on November 14, 2016
  • サービスリリースのお知らせ 2016年9月 : Infragistics WPF

    インフラジスティックス・ジャパンでは 2016 年 10 月 14  日付で下記製品に対しましてのサービスリリースを提供開始致しました。 WPF  Infragistics WPF 2016 Volume 1 (Build 2134) Infragistics WPF 2015 Volume 2 (Build 2212) Infragistics WPF 修正一覧16.1 Infragistics WPF 修正一覧15.2ダウンロード: ...
    Posted to Developer Support - Japan (Weblog) by ysugiura on October 13, 2016
  • XamDataGrid 列をコードビハインドで明示的に生成する

    XamDataGrid の列をコードビハインドで生成する例をご紹介します。データソースには DataTable を利用しています。 XamDataGrid の定義(XAML) 表示する列は動的に変わることを想定し、XAML 側での定義は行っていません。XamDataGrid ではバインドデータから自動的にデータ型に応じた列を生成するようになっています。ここではバインドするデータのうち、表示しないフィールドもあるため AutoGenerateFields に False を指定し、列の自動生成を無効化します。 <igWPF:XamDataGrid DataSource=''{Binding}'' ...
    Posted to Yuki Mita (Weblog) by ymita on September 20, 2016
  • XamDataGrid 複数行表示・複数行入力

    XamDataGrid で折り返し表示と複数行入力の設定方法をご紹介します。 XamDataGrid では編集時に表示されるエディタとして、XamTextEditor や XamNumericEditor などの弊社エディタコントロールを利用しております。今回の例では string を扱うセルの折り返し表示と複数行の入力ができるようにしますので、string 列に対応する XamTextEditor へスタイリングを行うことになります。 実装方法 XamDataGrid の編集エディタには、Field.Settings.EditorStyle からスタイル設定を行うことができます。折り返し表示では、TextWrapping プロパティに Wrap ...
    Posted to Yuki Mita (Weblog) by ymita on September 16, 2016
  • サービスリリースのお知らせ 2016年6月 : Infragistics WPF

    インフラジスティックス・ジャパンでは 2016 年 7 月 4 日付で下記製品に対しましてのサービスリリースを提供開始致しました。 WPF  Infragistics WPF 2016 Volume 1 (Build 2056) Infragistics WPF 2015 Volume 2 (Build 2160) Infragistics WPF 修正一覧16.1 Infragistics WPF 修正一覧15.2ダウンロード: ...
    Posted to Developer Support - Japan (Weblog) by ysugiura on July 3, 2016
1 2 3 4 5 Next > ... Last »
Powered by Community Server (Commercial Edition), by Telligent Systems