WPF DataGrid 基本使用

效果如下:

1. 设计DataGrid展示的数据模型类
public class Song
{

  public int Id { get; set; }
  public string Title { get; set; }
  public string Artist { get; set; }
  public bool IsSoundtrack { get; set; }
  public string MovieTitle { get; set; }
  public Genre Genre { get; set; }
  public DateTime ReleaseDateTime { get; set; }
  public Uri URL { get; set; }
}

创建枚举类型

public enum Genre
{

  HeavyMetal, HardRock, SoftRock, ClassicRock, Rock, Pop, PopSoul, Soul, Blues, Jazz, RB, Country, Folk, Funk,Classical, ChristmasCarol, Classic

}
2. 创建模型的数据集合

用来展示在UI的DataGrid中

public class Songs
{

  public List<Song> songList { get; set; } = GetSongs();
  public static List<Song> GetSongs()
  {

    var file = System.IO.Path.Combine($"{ AppDomain.CurrentDomain.BaseDirectory}", "songs.txt");

    var lines = File.ReadAllLines(file);
    var list = new List<Song>();
    for (int i = 0; i < lines.Length; i++)
    {

      try
      {

          var line = lines[i].Split(',');
          var temp = line[2].Split(' ', '&', '-');
          var gr = temp.Length > 1 ? temp[0] + temp[1] : temp[0];

           var song = new Song()
          {

              Id = int.Parse(line[0]),
              Title = line[1],
              Artist = line[3],
              IsSoundtrack = line[4].Trim() == "Unknown" ? false : true,
              MovieTitle = line[4],
             Genre = (Genre)Enum.Parse(typeof(Genre), gr),
             URL = new Uri($"www.{line[3]}.com", UriKind.Relative),
       		 ReleaseDateTime = DateTime.Parse(line[5] + ",01,01")
        };
          list.Add(song);
    }
  catch (Exception ex)
 {
    throw new Exception(ex.Message);
}
  }
    return list;
}
3.UI添加数据绑定

添加DataContent

<Window.DataContext>
  <local:Songs/>
</Window.DataContext>

添加Resource

<Window.Resources>

  <Style TargetType="DataGridColumnHeader">
    <Setter Property="FontSize" Value="16"/>
    <Setter Property="FontWeight" Value="DemiBold"/>
      <Setter Property="Background" Value="Black"/>
      <Setter Property="Foreground" Value="White"/>
    </Style>

    <Style TargetType="DataGridCell">
      <Setter Property="BorderBrush" Value="Gainsboro"/>
            <Setter Property="BorderThickness" Value="3"/>
      </Style>
</Window.Resources>

数据绑定

<Grid>

<DataGrid x:Name="DG" ItemsSource="{Binding songList}"
                  HorizontalGridLinesBrush="Blue"
                  VerticalGridLinesBrush="Green"
                  GridLinesVisibility="None"
                  CanUserAddRows="False"
                  CanUserSortColumns="True"
                  CanUserReorderColumns="False"
                  IsReadOnly="False"
                  CanUserResizeColumns="True"
                  CanUserResizeRows="True"
                  SelectionUnit="FullRow"
                  RowBackground="AliceBlue"
                  AlternatingRowBackground="LightGreen"
                  FlowDirection="LeftToRight"
                  FontSize="18"
                  FrozenColumnCount="3"

                 >

    </DataGrid>
</Grid>

  

其中的属性可以做修改,再运行验证效果是如果变化的,加深对属性的理解。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

flysh05

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值