この手順では、手順1で追加した RegionSale.xaml ページを作成するためのマークアップとコードを追加します。
<Page>
に追加します。
<Grid>
を見つけて、次のように編集します。
コードのコピー
|
|
---|---|
<Grid Background="#EFEFEF"> |
<Grid> </Grid>
タグの間にカーソルを置き、次のマークアップを挿入します。これで、必要な列定義がアプリケーションに追加されました。
コードのコピー
|
|
---|---|
<Grid.ColumnDefinitions> |
<Grid>
列に対応する TextBlock コントロール、C1Sparkline コントロール、および Border を追加します。
コードのコピー
|
|
---|---|
<TextBlock Text="{Binding State}" Foreground="#444444" FontSize="14" VerticalAlignment="Center" HorizontalAlignment="Left" |
C# コードの書き方
C# |
コードのコピー
|
---|---|
this.DataContext = data; sparkline.Data = data.Data; sparklineColumn.Data = data.Data; sparklineWinloss.Data = data.Data; |
この手順では、RegionSale.xaml ファイルのマークアップとコードを追加しました。次の手順では、RegionSalesData コードファイルのコードを追加します。