• 先决条件
• 将控件绑定到单个项目
• 将控件绑定到对象的集合
• 通过使用数据模板显示控件中的项目
• 添加详细信息视图
• 转换数据以在控件中显示
• 相关主题

<Grid x:Name="LayoutRoot" Background="#FF0C0C0C"><TextBox x:Name="textBox1" Text="{Binding}" FontSize="30"Height="120" Width="440" IsReadOnly="True"TextWrapping="Wrap" AcceptsReturn="True" />
</Grid>

// Constructor
public MainPage()
{InitializeComponent();// Set the data context to a new Recording.textBox1.DataContext = new Recording("Chris Sells", "Chris Sells Live",new DateTime(2008, 2, 5));
}// A simple business object
public class Recording
{public Recording() { }public Recording(string artistName, string cdName, DateTime release){Artist = artistName;Name = cdName;ReleaseDate = release;}public string Artist { get; set; }public string Name { get; set; }public DateTime ReleaseDate { get; set; }// Override the ToString method.public override string ToString(){return Name + " by " + Artist + ", Released: " + ReleaseDate.ToString("d");}
}

<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"><ComboBox x:Name="ComboBox1" ItemsSource="{Binding}"Foreground="Black" FontSize="30" Height="50" Width="780"/>
</Grid>

public ObservableCollection<Recording> MyMusic = new ObservableCollection<Recording>();public Page()
{InitializeComponent();// Add items to the collection.MyMusic.Add(new Recording("Chris Sells", "Chris Sells Live",new DateTime(2008, 2, 5)));MyMusic.Add(new Recording("Luka Abrus","The Road to Redmond", new DateTime(2007, 4, 3)));MyMusic.Add(new Recording("Jim Hance","The Best of Jim Hance", new DateTime(2007, 2, 6)));// Set the data context for the combo box.ComboBox1.DataContext = MyMusic;
}

<ComboBox x:Name="ComboBox1" ItemsSource="{Binding}"Foreground="Black" FontSize="30" Height="50" Width="450"><ComboBox.ItemTemplate><DataTemplate><StackPanel Orientation="Horizontal" Margin="2"><TextBlock Text="Artist:" Margin="2" /><TextBlock Text="{Binding Artist}" Margin="2" /><TextBlock Text="CD:" Margin="10,2,0,2" /><TextBlock Text="{Binding Name}" Margin="2" /></StackPanel></DataTemplate></ComboBox.ItemTemplate>
</ComboBox>

<!--The UI for the details view-->
<StackPanel x:Name="RecordingDetails"><TextBlock Text="{Binding Artist}" FontWeight="Bold" FontSize="30" /><TextBlock Text="{Binding Name}" FontStyle="Italic" FontSize="30" /><TextBlock Text="{Binding ReleaseDate}" FontSize="30" />
</StackPanel>

// Set the DataContext on the parent object instead of the ComboBox
// so that both the ComboBox and details view can inherit it.
// ComboBox1.DataContext = MyMusic;
this.DataContext = new CollectionViewSource { Source = MyMusic };

<UserControl x:Class="TestDataBindingQS.Page2"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="using:TestDataBindingQS"mc:Ignorable="d"d:DesignHeight="768" d:DesignWidth="1366"><UserControl.Resources><local:StringFormatter x:Key="StringConverter"/></UserControl.Resources><Grid x:Name="LayoutRoot" Background="#FF0C0C0C"><StackPanel Width="750" Height="200"VerticalAlignment="Center" HorizontalAlignment="Center"><ComboBox x:Name="ComboBox1" ItemsSource="{Binding}" Foreground="Black" FontSize="30" Height="50" Width="750"><ComboBox.ItemTemplate><DataTemplate><StackPanel Orientation="Horizontal" Margin="2"><TextBlock Text="Artist:" Margin="2" /><TextBlock Text="{Binding Artist}" Margin="2" /><TextBlock Text="CD:" Margin="10,2,0,2" /><TextBlock Text="{Binding Name}" Margin="2" /></StackPanel></DataTemplate></ComboBox.ItemTemplate></ComboBox><!--The UI for the details view--><StackPanel x:Name="RecordingDetails"><TextBlock Text="{Binding Artist}" FontSize="30" FontWeight="Bold" /><TextBlock Text="{Binding Name}" FontSize="30" FontStyle="Italic" /><TextBlock Text="{Binding ReleaseDate,Converter={StaticResource StringConverter},ConverterParameter=Released: \{0:d\}}" FontSize="30"  /></StackPanel></StackPanel></Grid></UserControl>

public class StringFormatter : IValueConverter
{// This converts the value object to the string to display.// This will work with most simple types.public object Convert(object value, Type targetType,object parameter, System.Globalization.CultureInfo culture){// Retrieve the format string and use it to format the value.string formatString = parameter as string;if (!string.IsNullOrEmpty(formatString)){return string.Format(culture, formatString, value);}// If the format string is null or empty, simply// call ToString() on the value.return value.ToString();}// No need to implement converting back on a one-way bindingpublic object ConvertBack(object value, Type targetType,object parameter, System.Globalization.CultureInfo culture){throw new NotImplementedException();}
}