WPF中ListBox ListView数据翻页浏览笔记(强调:是数据翻页,非翻页动画)
ListBox和ListView在应用中,常常有需求关于每页显示固定数量的数据,然后通过Timer自动或者手动翻页操作,本文介绍到的就是该动作的实现。
一.重点
对于ListBox和ListView来讲,后台绑定的ItemSource绑定的一般都是List<T>格式,而List<T>有个方法是Take和Skip,分别意思是取List部分和跳过List部分。
取数据的格式是:List.take().Skip();
二.话不多说,实例说话(后面会附有该例子链接,仅供参考)
(1)Xaml界面上:
<StackPanel>
<ListBox Height="" ScrollViewer.VerticalScrollBarVisibility="Disabled" ItemsSource="{Binding ListShow}"></ListBox>
<Button x:Name="TurnUpButton" Content="上翻页" Click="TurnPageUp" Height="" />
<Button x:Name="TurnDownButton" Content="下翻页" Click="TurnPageDown" Height=""/>
<Button Content="自动翻页" Click="Button_Click_1" Height=""/>
</StackPanel>
ListBox是数据显示区域,三个Button的Content已写明各自功能。
(2)CS代码
public partial class MainWindow : Window
{ public ObservableCollection<string> ListShow
{
get { return (ObservableCollection<string>)GetValue(ListShowProperty); }
set { SetValue(ListShowProperty, value); }
} public List<string> NameList = new List<string>(); public MainWindow()
{
InitializeComponent();
//WPF数据绑定
this.DataContext = this;
//假数据创建
Data();
//数据显示
ContentShow();
//Timer初始化 为自动翻页做准备
TimeSet(); } private void Data()
{
for (int i = ; i < ; i++)
{
string s = "Name" + i.ToString();
NameList.Add(s);
}
} private void ContentShow()
{
ListShow = new ObservableCollection<string>(NameList.Take(PageSize * Page).Skip(PageSize * (Page - )));
if (NameList.Count % PageSize == )
{
Total = NameList.Count / PageSize;
}
else
{
Total = NameList.Count / PageSize + ;
}
TurnUpButton.Visibility = Page > ? Visibility.Visible : Visibility.Hidden;
TurnDownButton.Visibility = Page < Total ? Visibility.Visible : Visibility.Hidden;
} private void TimeSet()
{
timer = new DispatcherTimer();
timer.Interval = TimeSpan.FromSeconds();
timer.Tick += timer_Tick;
} void timer_Tick(object sender, EventArgs e)
{
if (Page < Total)
{
Page++;
ContentShow();
}
else
{
Page = ;
ContentShow();
}
} private void Button_Click_1(object sender, RoutedEventArgs e)
{
if (IsOpen == true)
{
IsOpen = false;
timer.Stop();
}
else
{
timer.Start();
IsOpen = true;
}
} private void TurnPageUp(object sender, RoutedEventArgs e)
{
Page--;
ContentShow();
} private void TurnPageDown(object sender, RoutedEventArgs e)
{
Page++;
ContentShow();
}
DispatcherTimer timer;
private bool IsOpen;
private int Page = ;
private int Total;
private int PageSize = ; public static readonly DependencyProperty ListShowProperty =
DependencyProperty.Register("ListShow", typeof(ObservableCollection<string>), typeof(MainWindow), new PropertyMetadata(new ObservableCollection<string>())); }
ListShow是Xaml的ListBox的ItemSource绑定对象,所有数据都是通过ListShow显示到界面上的。
强调一定要用ObservableCollection<T>类型,这样才能在ListShow数据发生改变后,界面自动刷新,普通List<T>赋值上去是不会刷新界面的。
Page--当前页数。PageSize--每页数据数量。Total--总页数。
ListShow = new ObservableCollection<string>(NameList.Take(PageSize * Page).Skip(PageSize * (Page - )));
Take取PageSize*Page条数据,Skip跳过(PageSize*(Page-1))条数据,实际获取的就是1页的数据,即1个PageSize。
下面两条代码是为了限制在Page在首页和尾页时,不能继续向前翻和后翻,而设置的可见不可见。
TurnUpButton.Visibility = Page > ? Visibility.Visible : Visibility.Hidden;
TurnDownButton.Visibility = Page < Total ? Visibility.Visible : Visibility.Hidden;
三.易错点
(1)timer一定要用DispatcherTimer,如果只是用Timer会因为线程问题而不能实现自动翻页。
(2)依赖属性的Register中最后面的New PropertyMedata中是new出来一个空的ObservableCollection<string>(),不是String.Empty或者Null
四.代码下载
WPF中ListBox ListView数据翻页浏览笔记(强调:是数据翻页,非翻页动画)的更多相关文章
- WPF中ListBox /ListView如何改变选中条背景颜色
适用ListBox /ListView WPF中LISTVIEW如何改变选中条背景颜色 https://www.cnblogs.com/sjqq/p/7828119.html
- WPF ItemsControl ListBox ListView比较
在进行列表信息展示时,WPF中提供多种列表可供选择.这篇博客将对WPF ItemsControl, ListBox, ListView进行比较. 相同点: 1. 这三个控件都是列表型控件,可以进行列表 ...
- WPF中ListBox的项ListBoxItem被选中的时候Background变化
使用WPF 中ListBox,点击ListBoxItem的时候,自定义它的背景色,曾经在网上找了一些方法, 不是很理想,后来在StackOverflow上找到了,贴出代码和效果图: 效果图:
- WPF中ListBox滚动时的缓动效果
原文:WPF中ListBox滚动时的缓动效果 上周工作中遇到的问题: 常规的ListBox在滚动时总是一格格的移动,感觉上很生硬. 所以想要实现类似Flash中的那种缓动的效果,使ListBox滚动时 ...
- WPF中ListBox的绑定
WPF中列表式控件派生自ItemsControl类,继承了ItemsSource属性.ItemsSource属性可以接收一个IEnumerable接口派生类的实例作为自己的值(所有可被迭代遍历的集合都 ...
- 转:WPF中ListBox的创建和多种绑定用法
先从最容易的开始演示ListBox控件的创建. Adding ListBox Items下面的代码是向ListBox控件中添加多项ListBoxItem集合.XAML代码如下:<ListBox ...
- WPF中为ListView动态绑定数据(可参考)
GridView gv = new GridView(); DataTable dt = fieldManageBLL.GetFieldManage(moduleName); for(int i=0; ...
- WPF中ListBox控件在选择模式(SelectionMode)为Single时仍然出现多个Item被选中的问题
最近在学习WPF过程中使用到了ListBox控件,在使用时遇到下面的奇怪问题: 代码如下: listBox.Items.Add("绘图"); listBox.Items.Add(& ...
- WPF中ListBox的样式设置
设置之后的效果为
随机推荐
- 24 javascript best practices for beginner(only 23 finally)
原文是英文,链接: http://net.tutsplus.com/tutorials/JavaScript-ajax/24-JavaScript-best-practices-for-beginne ...
- 【Linux】Vi中的各种命令
Ctrl+u:向文件首翻半屏: Ctrl+d:向文件尾翻半屏: Ctrl+f:向文件尾翻一屏: Ctrl+b:向文件首翻一屏: Esc:从编辑模式切换到命令模式: ZZ:命令模式下保存当前文件所做的修 ...
- 复习java第五天(枚举、Annotation(注释) 概述)
一.枚举 传统的方式: •在某些情况下,一个类的对象是有限而且固定的.例如季节类,只能有 4 个对象 •手动实现枚举类: —private 修饰构造器. —属性使用 private final 修饰. ...
- iis 7.5 ftp site用户名不能是 'ftp'?
在windows server 2008 r2上配置一个iis ftp site,创建了一个名为 ftp 的账号,并添加到允许规则中,可总是出现: Connected to ***.***.***.* ...
- 在Ubuntu环境下搭建esp32开发环境
第一步:下载必要的库文件 sudo apt-get install git make gcc libncurses5-dev flex bison gperf python-serial ...
- 关于node对文件的读取
设计: 通过终端git / cmd 获取用户输入路径,然后遍历路径下所有的文件,打印输出. 因为需要命令行交互,所以引入prompt库 (https://github.com/flatiron/pro ...
- apache下部署showdoc
1. 安装apache2服务器sudo apt-get install apache2 2. 安装php环境 sudo apt-get install php7.1 libapache2-mod-ph ...
- react 点击事件+父子传值
接下来要做的效果是,在父组件添加两个按钮,点击后改变父组件传过去的值 父组件 import React, { Component } from 'react'; import Test from '. ...
- Linux命令及全称(部分)
man: manual 意思是手册,可以用这个命令查询其他命令的用法. pwd:print working directory 显示当前工作路径. su:swith user 切换用户,切换 ...
- WEB测试范围小结
根据<用户需求说明手册>和<需求分析说明书>,分析各个功能模块.针对各个功能模块进行相关功能的测试. 链接测试 链接是Web 网站的一个主要特征,它是在页面之间切换和引导用户去 ...