Mais conteúdo relacionado Mais de インフラジスティックス・ジャパン株式会社 (20) インフラジスティックスおよび Xamarin.forms コントロールのご紹介2. 自己紹介
• 池原 大然
• インフラジスティックス・ジャパン株式会社
製品担当
• Microsoft MVP for Windows Platform Development
• UI 全般の技術についてウォッチしています。
• Twitter: @Neri78
• Blog: http://blogs.jp.infragistics.com/blogs/dikehara
6. Windows Forms ASP.NET WPF Silverlight
Ignite UI
(HTML5/jQuery/ASP.
NET MVC)
NucliOS
(iOS/Xamarin.i
OS)
Windows UI
(Windows Store
Application)
Windows Phone
Icon Indigo Studio Android (CTP)
Xamarin.Forms
(RTM)
Infragistics Ultimate 2015 Vol.1 に含まれる製品
Copyright 2015 Infragistics Japan Co., Ltd. 6
7. 9
Windows Phone
Windows Phone 対応コントロール
WPF/Silverlight/Windows UI で提供しているデータ視覚化パターンを
実装
Copyright 2015 Infragistics Japan Co., Ltd.
• チャート
• エディター
• バーコード
• ゲージ
• インタラクション
• レイアウト
• メニュー & リスト
10. 「コード共有」と「翻訳」
• コア API を各プラット
フォームに「翻訳」
• 個々のプラットフォームに合
わせて API を
チューニング
• クロスプラットフォームかつ
パフォーマンス重視
• 類似の機能セット
Copyright 2015 Infragistics Japan Co., Ltd. 12
Core
API
Xamarin
Forms
WPF
HTML5
iOS
Android
Windows
Universal
Windows
Phone
14. サポート環境
• 2015 Vol.1 でのサポート環境
Copyright 2015 Infragistics Japan Co., Ltd. 16
• 詳細については http://jp.infragistics.com/support/supported-
environments または弊社サポートにお問い合わせください。
Xamarin.Forms 1.3.5.6335
開発環境 Visual Studio 2012、2013、Xamarin Studio
開発言語 C#
対応端末 Windows Phone 8.0 以降、Android 4.3 以降、
iOS 8.0 以降
15. 「コード共有」と「翻訳」
• コア API を各プラット
フォームに「翻訳」
• 個々のプラットフォームに
合わせて API を
チューニング
• クロスプラットフォームか
つパフォーマンス重視
• 類似の機能セット Copyright 2015 Infragistics Japan Co., Ltd. 17
Core
API
Xamarin
Forms
WPF
HTML5
iOS
Android
Windows
Universal
Windows
Phone
Xamarin.Forms では
この仕組みをフル活用
16. データ チャート
• XFDataChart
• RTM
• 柱状、棒、ライン、スプライン
• 箱ひげなど基本的なチャート
• CTP機能
ラジアル,ポーラー
日付軸
注釈レイヤー
アニメーション トランジション
Copyright 2015 Infragistics Japan Co., Ltd. 18
19. データ グリッド – CTP
• XFDataGrid
• 列の自動生成
• 自動、固定サイズ列
• テンプレート列
• グループ化
• データ アダプター
• テキスト列
Copyright 2015 Infragistics Japan Co., Ltd. 21
21. アプリケーション サンプル
• Xamarin.Forms のサンプルは製品と共にインストールされる
• パブリックのドキュメント¥Infragistics¥2015.1¥Xamarin¥Apps
• もしくは HP からソースコードをダウンロード
http://jp.infragistics.com/sample-applications
Copyright 2015 Infragistics Japan Co., Ltd. 23
28. Visual Studio で NuGet パッケージを指定
• [ツール] – [オプション] – [NuGet パッケージ マネージャー]
Copyright 2015 Infragistics Japan Co., Ltd. 30
31. 名前空間の追加
• XAML で利用する場合、インフラジスティックス
コントロールの名前空間を宣言する必要がある
• 全てを宣言する必要はない
Copyright 2015 Infragistics Japan Co., Ltd. 33
xmlns:igCodes="clr-namespace:Infragistics.XF.Controls;assembly=InfragisticsXF.Controls.Barcodes"
xmlns:igCharts="clr-namespace:Infragistics.XF.Controls;assembly=InfragisticsXF.Controls.Charts"
xmlns:igGauges="clr-namespace:Infragistics.XF.Controls;assembly=InfragisticsXF.Controls.Gauges"
xmlns:igGrids="clr-namespace:Infragistics.XF.Controls;assembly=InfragisticsXF.Controls.Grids"
32. XAML の設定
Copyright 2015 Infragistics Japan Co., Ltd. 34
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns=http://xamarin.com/schemas/2014/forms
xmlns:x=http://schemas.microsoft.com/winfx/2009/xaml
xmlns:local="clr-namespace:XFDemo1;assembly=XFDemo1“
xmlns:igCharts=“clr-namespace:Infragistics.XF.Controls;assembly=InfragisticsXF.Controls.Charts“
x:Class=“XFDemo1.Page1”>
<ContentPage.BindingContext>
<!-- バインディング コンテキストを指定
<local:SimpleDataCollection />
</ContentPage.BindingContext>
<igCharts:XFDataChart x:Name=“Chart” >
<igCharts:XFDataChart.Axes>
<!-- 軸
<igCharts:CategoryXAxis x:Name=“xAxis” ItemsSource=“{Binding}“ Label=“Label” />
<ig:NumericYAxis x:Name=“yAxis” />
</igCharts:XFDataChart.Axes>
<igCharts:XFDataChart.Series>
<!-- シリーズ -->
<igCharts:AreaSeries ItemsSource="{Binding}“ ValueMemberPath="Value“
XAxis="{x:Reference xAxis}” YAxis="{x:Reference yAxis}">
</igCharts:AreaSeries>
</igCharts:XFDataChart.Series>
</igCharts:XFDataChart >
</ContentPage>