一步一步学Silverlight ：数据绑定

作者: TerryLee 来源: 博客园发布时间: 2008-10-08 18:14 阅读: 36735 次推荐: 1 原文链接 [收藏]

[1] 一步一步学Silverlight ：数据绑定
[2] 一步一步学Silverlight ：数据绑定
[3] 一步一步学Silverlight ：数据绑定

绑定到列表

下面再看一个绑定到列表的简单例子，一般都会使用DataGrid或者ListBox来进行列表数据的显示。下面的示例我们显示一个文章列表：

<Grid Background="#46461F">
    <Grid.RowDefinitions>
        <RowDefinition Height="40"></RowDefinition>
        <RowDefinition Height="*"></RowDefinition>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Border Grid.Row="0" Grid.Column="0" CornerRadius="15"
            Width="240" Height="36" Background="Orange"
            Margin="20 0 0 0" HorizontalAlignment="Left">
        <TextBlock Text="文章列表" Foreground="White"
                   HorizontalAlignment="Left" VerticalAlignment="Center"
                   Margin="20 0 0 0"></TextBlock>
    </Border>
    <ListBox x:Name="PostList" Grid.Column="0" Grid.Row="1"
             Margin="40 10 10 10"
             HorizontalContentAlignment="Left" VerticalContentAlignment="Bottom"
             ItemsSource="{Binding Posts}">
    </ListBox>
</Grid>

编写一个简单的业务类：

public class Blog
{
    public List<String> Posts { get; set; }
}

初始化集合数据并进行绑定

private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
    Blog blog = new Blog();
    blog.Posts = new List<String>
    {
        "一步一步学Silverlight 2系列（10）：使用用户控件",
        "一步一步学Silverlight 2系列（9）：使用控件模板",
        "一步一步学Silverlight 2系列（8）：使用样式封装控件观感",
        "一步一步学Silverlight 2系列（7）：全屏模式支持"
    };

    PostList.DataContext = blog;
}