当前位置:   article > 正文

wpf中listview就是可以这么简单——小白用listview系列_wpf listview

wpf listview

记录下每一个让我蛋疼的问题,说不定以后还会用得着。

关于wpf中listview的使用,

第一步:在xaml中使用listview,代码如下

  1. <ListView x:Name="listView" Width="800" Height="450" Margin="97,163,103,87" ItemsSource="{Binding}" >
  2. <ListView.View>
  3. <GridView>
  4. <GridViewColumn Header="序列号" Width="120" />
  5. <GridViewColumn Header="书名" Width="100"/>
  6. <GridViewColumn Header="类型" Width="80" />
  7. <GridViewColumn Header="作者" Width="100" />
  8. <GridViewColumn Header="出版社" Width="100" />
  9. <GridViewColumn Header="价格" Width="60" />
  10. <GridViewColumn Header="库存" Width="60" />
  11. </GridView>
  12. </ListView.View>
  13. </ListView>
然后界面大概是这个样子:


第二步:然后在.cs文件中加入如下代码(我的界面就叫SearchAndBuyWindow):

  1. public SearchAndBuyWindow()
  2. {
  3. InitializeComponent();
  4. initList();
  5. }
  6. public void initList()
  7. {
  8. for (int i = 0; i < 10; i++)
  9. {
  10. //listBook.Add(new Book(0,123456, "testBook"+i, "Math", "qiaobus", "shanghai", "just a book", "none"));
  11. listView1.Items.Add(new Book(0, 123456, "testBook" + i, "Math", "qiaobus", "shanghai", "just a book", "none"));
  12. }
  13. //listView.DataContext = listBook;
  14. }
加上之后,界面就不再空了,铛铛铛铛:


不过显示的数据不是我们需要的,这时候要回到xaml再做一些修改。

第三步:返回xaml修改GridViewColunm的属性如下:

  1. <ListView x:Name="listView1" Width="800" Height="450" Margin="97,199,103,51" ItemContainerStyle="{StaticResource ListViewItemStyle}">
  2. <ListView.View>
  3. <GridView>
  4. <GridViewColumn Header="序列号" Width="120" DisplayMemberBinding="{Binding book_id}"/>
  5. <GridViewColumn Header="书名" Width="100" DisplayMemberBinding="{Binding book_name}"/>
  6. <GridViewColumn Header="类型" Width="80" DisplayMemberBinding="{Binding book_type}"/>
  7. <GridViewColumn Header="作者" Width="100" DisplayMemberBinding="{Binding book_author}"/>
  8. <GridViewColumn Header="出版社" Width="100" DisplayMemberBinding="{Binding publisher}"/>
  9. <GridViewColumn Header="价格" Width="60" DisplayMemberBinding="{Binding book_price}"/>
  10. <GridViewColumn Header="库存" Width="60" DisplayMemberBinding="{Binding book_status}"/>
  11. </GridView>
  12. </ListView.View>
  13. </ListView>
增加了DisplayMemberBinding="{Binding book_name}"绑定某一项数据,

而我的ItemContainerStyle="{StaticResource ListViewItemStyle}"是为了使每个单元格内文字居中,待会我会在后面贴出。

加上代码后的界面就完成了:

下面是使单元格内文字居中的Syle代码:

  1. <Style x:Key="ListViewItemStyle" TargetType="{x:Type ListViewItem}">
  2. <Setter Property="HorizontalContentAlignment" Value="Center"></Setter>
  3. </Style>


就是这么短一段,放在<Window.Resources></Window.Resources>标签内.

这是某位大神的博客,收藏一下:http://blog.csdn.net/tcjiaan/article/details/6949915


声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/537698
推荐阅读
  

闽ICP备14008679号