WPF实现ListView的隔行换色和分页功能

最新推荐文章于 2020-04-01 11:37:42 发布
最新推荐文章于 2020-04-01 11:37:42 发布
阅读量923 收藏 3
点赞数 2
分类专栏： C#与WPF 文章标签： WPF ListView 隔行换色
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43976890/article/details/98029842
版权

用到一个工具类,PageInfo

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace ListView翻页测试
{
    public class PageInfo<T>
    {
        public List<T> dataSource;
        int pageSize;
        int pagecount;
        int currentIndex;

        public PageInfo()
        {
            currentIndex = 1;
        }

        public PageInfo(List<T> dataSource, int pageSize)
            : this()
        {
            this.dataSource = dataSource;
            this.pageSize = pageSize;
            this.pagecount = dataSource.Count / pageSize;
            this.pagecount += (dataSource.Count % pageSize) != 0 ? 1 : 0;
        }

        public List<T> GetPageData(JumpOperation jo)
        {
            switch (jo)
            {
                case JumpOperation.GoHome:
                    currentIndex = 1;
                    break;
                case JumpOperation.GoPrePrevious:
                    if (currentIndex > 1)
                    {
                        currentIndex -= 1;
                    }
                    break;
                case JumpOperation.GoNext:
                    if (currentIndex < pagecount)
                    {
                        currentIndex += 1;
                    }
                    break;
                case JumpOperation.GoEnd:
                    currentIndex = pagecount;
                    break;
            }
            List<T> listPageData = new List<T>();
            try
            {
                int pageCountTo = pageSize;
                if (pagecount == currentIndex && dataSource.Count % pageSize > 0)
                {
                    pageCountTo = dataSource.Count % pageSize;
                }
                if (null != dataSource)
                {
                    for (int i = 0; i < pageCountTo; i++)
                    {
                        if ((currentIndex - 1) * pageSize + i < dataSource.Count)
                        {
                            listPageData.Add(dataSource[(currentIndex - 1) * pageSize + i]);
                        }
                        else
                        {
                            break;
                        }
                    }
                }
                return listPageData;
            }
            catch
            {
                return listPageData;
            }
        }
    }
    public enum JumpOperation
    {
        GoHome = 0,
        GoPrePrevious = 1,
        GoNext = 2,
        GoEnd = 3
    }
}

前端页面

<Window x:Class="ListViewSplitPages.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="525" Width="525" Loaded="Window_Loaded_1">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="8*"/>
            <RowDefinition Height="2*"/>
        </Grid.RowDefinitions>
        <ListView AlternationCount="2" Grid.Row="0" x:Name="ListView_Students">
            <ListView.View>
                <GridView x:Name="GrdView_Students">
                    <GridViewColumn Width="100" Header="学号" DisplayMemberBinding="{Binding Path=ID}"/>
                    <GridViewColumn Width="100" Header="姓名" DisplayMemberBinding="{Binding Path=Name}"/>
                    <GridViewColumn Width="100" Header="班级" DisplayMemberBinding="{Binding Path=Class}"/>
                    <GridViewColumn Width="100" Header="年龄" DisplayMemberBinding="{Binding Path=Age}"/>
                </GridView>
            </ListView.View>
            
            <ListView.ItemContainerStyle>
                <Style TargetType="{x:Type ListViewItem}">
                    <Setter Property="Background" Value="#FF86F65B"/>
                    <Style.Triggers>
                        <Trigger Property="ListBox.AlternationIndex" Value="1">
                            <Setter Property="Background" Value="#FF39DCC2"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </ListView.ItemContainerStyle>
            <ListView.ItemTemplate>
                <DataTemplate>
                    <Border x:Name="back" Height="20">
                        <TextBlock Text="{Binding ShowText}"/>
                    </Border>
                </DataTemplate>
            </ListView.ItemTemplate>
        
</ListView>
        <Grid Grid.Row="1" Height="20">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Button x:Name="Button_Home" Content="首页" Grid.Column="0" Width="100" Click="Button_Home_Click"/>
            <Button x:Name="Button_Previous" Content="前一页" Grid.Column="1" Width="100" Click="Button_Previous_Click"/>
            <Button x:Name="Button_Next"  Content="下一页" Grid.Column="2" Width="100" Click="Button_Next_Click"/>
            <Button x:Name="Button_End" Content="尾页" Grid.Column="3" Width="100" Click="Button_End_Click"/>
        </Grid>
    </Grid>
</Window>

后端逻辑

using ListView翻页测试;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace ListViewSplitPages
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        List<Student> studentList;
        PageInfo<Student> pageStudentList;
        public MainWindow()
        {
            InitializeComponent();
            studentList = new List<Student>() {
                new Student(){ID="01",Name ="zsd",Class="1",Age="17"},
                new Student(){ID="02",Name ="fds",Class="3",Age="15"},
                new Student(){ID="03",Name ="ds",Class="1",Age="17"},
                new Student(){ID="04",Name ="fd",Class="3",Age="16"},
                new Student(){ID="05",Name ="rw",Class="1",Age="17"},
                new Student(){ID="06",Name ="hg",Class="1",Age="15"},
                new Student(){ID="07",Name ="dfd",Class="2",Age="16"},
                new Student(){ID="08",Name ="dfd",Class="2",Age="17"},
                new Student(){ID="09",Name ="gdf",Class="2",Age="17"},
                new Student(){ID="010",Name ="jh",Class="1",Age="15"},
                new Student(){ID="011",Name ="fdd",Class="2",Age="17"},
                new Student(){ID="012",Name ="rer",Class="1",Age="17"},
                new Student(){ID="013",Name ="vvv",Class="1",Age="15"},
                new Student(){ID="014",Name ="qww",Class="3",Age="16"},
                new Student(){ID="015",Name ="sds",Class="3",Age="18"},
                new Student(){ID="016",Name ="lk",Class="1",Age="17"},
                new Student(){ID="017",Name ="ui",Class="2",Age="16"},
                new Student(){ID="018",Name ="jkj",Class="1",Age="17"},
                new Student(){ID="019",Name ="zsd",Class="1",Age="17"},
                new Student(){ID="020",Name ="fds",Class="3",Age="15"},
                new Student(){ID="021",Name ="ds",Class="1",Age="17"},
                new Student(){ID="022",Name ="fd",Class="3",Age="16"},
                new Student(){ID="023",Name ="rw",Class="1",Age="17"},
                new Student(){ID="024",Name ="hg",Class="1",Age="15"},
                new Student(){ID="025",Name ="dfd",Class="2",Age="16"},
                new Student(){ID="026",Name ="dfd",Class="2",Age="17"},
                new Student(){ID="027",Name ="gdf",Class="2",Age="17"},
                new Student(){ID="028",Name ="jh",Class="1",Age="15"},
                new Student(){ID="029",Name ="fdd",Class="2",Age="17"},
                new Student(){ID="030",Name ="rer",Class="1",Age="17"},
                new Student(){ID="031",Name ="vvv",Class="1",Age="15"},
                new Student(){ID="032",Name ="qww",Class="3",Age="16"},
                new Student(){ID="033",Name ="sds",Class="3",Age="18"},
                new Student(){ID="034",Name ="lk",Class="1",Age="17"},
                new Student(){ID="035",Name ="ui",Class="2",Age="16"},
                new Student(){ID="036",Name ="jkj",Class="1",Age="17"},

            };
            pageStudentList = new PageInfo<Student>(studentList, 16);
        }

        private void Window_Loaded_1(object sender, RoutedEventArgs e)
        {
            this.ListView_Students.ItemsSource = pageStudentList.GetPageData(JumpOperation.GoHome);
        }

        private void Button_Home_Click(object sender, RoutedEventArgs e)
        {
            this.ListView_Students.ItemsSource = pageStudentList.GetPageData(JumpOperation.GoHome);
        }

        private void Button_Previous_Click(object sender, RoutedEventArgs e)
        {
            this.ListView_Students.ItemsSource = pageStudentList.GetPageData(JumpOperation.GoPrePrevious);
        }

        private void Button_Next_Click(object sender, RoutedEventArgs e)
        {
            this.ListView_Students.ItemsSource = pageStudentList.GetPageData(JumpOperation.GoNext);
        }

        private void Button_End_Click(object sender, RoutedEventArgs e)
        {
            this.ListView_Students.ItemsSource = pageStudentList.GetPageData(JumpOperation.GoEnd);
        }
    }

    public class Student
    {
        public string ID { get; set; }
        public string Name { get; set; }
        public string Class { get; set; }
        public string Age { get; set; }
    }
}

效果图
在这里插入图片描述

AsianPangolin
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ListView分页显示上一页和下一页
08-24
ListView分页显示上一页和下一页,加载数据显示
ListView分页操作
三五月儿的专栏
04-23 3820
为了完成ListView分页操作，本文会封装一个负责“分页操作”的泛型类PageInfo，该泛型类不仅适用于WPF中ListView的分页，还适用于WPF及WinForms中其他需要分页操作的控件。 下面是PageInfo类的完整代码（包含枚举JumpOperation的定义）。public class PageInfo<T> { public List<T> dataSo
WPF:ListView 分页
dishaowei7829的博客
09-16 460
布局MainWindow.xaml <ListView Name="list_Reg" ItemsSource="{Binding Source={StaticResource Data}}" Style="{StaticResource ListViewStyle}"> <ListView.View> ...
WPF 实现 DataGrid/ListView 分页控件
weixin_34279579的博客
09-14 154
在WPF中，通常会选用DataGrid/ListView进行数据展示，如果数据量不多，可以直接一个页面显示出来。如果数据量很大，2000条数据，一次性显示在一个页面中，不仅消耗资源，而且用户体验也很糟糕。这篇博客将介绍如何创建一个分页控件。 为了简单起见，这个分页控件目前只有 首页/上一页/下一页/末页/总页数/第几页 等功能。实现思路，首页/上一页/下一页/末页 这四个通过路由事件来实现，在使...
wpf listview 换行
weixin_30511107的博客
12-02 800
<ListView Name="listView1" VerticalAlignment="Top" Height="600" Margin="0,31,0,0" BorderBrush="{x:Null}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" > 加入ScrollViewer.HorizontalScro...
很简单的WPF ListView分页技术
11-28
WPF ListView如何分页困扰了我很久，百度搜索的结果几乎得不到满意的结果，而CSDN论坛上流传的资源包貌似是微软提供的例子，但是略显复杂。经过笔者一晚上的摸索，得到了一种比较简单的解决方案，在此贡献给大家。由于笔者在CSDN上的积分一直很少，所以这次就收3分啦，大家不要嫌贵，多支持一下啊，相互学习鼓励
WPF ListView实现隔行颜色设置
Fillg的博客
04-01 1124
新接触wpf，项目遇到，也是网上查找的，具体实现步骤记录一下。 1.创建转换类BackgroundConverter.cs public sealed class BackgroundConverter : IValueConverter { public object Convert(object value, Type targetType, object parame...
WPF中ListView分页
12-23
WPF中ListView分页功能，同时也可以了解WPF的基本应用和ListView的基本使用方法，Binding等方法
WPF ListView 隔行不同颜色
仙剑的专栏
04-02 3504
ms-help://MS.VSCC.v90/MS.MSDNQTR.v90.chs/wpf_conceptual/html/955cc6b9-53eb-4026-ae93-0f875eb5558c.htm 微软的帮助文档 各种WPF交替颜色方法 此示例演示您可用于使 ListView 中各行的 Background 颜色产生交替效果的三种方法。 示例 以下各节提供了三种方法，用于创建各
WPF Grid 隔行换色
06-20
经常用到的Grid隔行换色效果就上传了，下的别人的，但不记得是哪位前辈了
WPF ListView分页实现.doc
02-21
wpf 中的ListView分页功能实现，具体源代码。
WPF ListView 选择和鼠标移上去行背景颜色的去除与更改
09-17
针对WPF中ListView的基础样式进行模板重写，可以选择去除ListView的背景颜色或添加自己想要的选中时或者鼠标移上去选择项的背景颜色
wpf的listbox滚动翻页
07-18
wpf的listbox的滚动翻页简单实现
C# WPF ListView控件的实例详解
12-31
C# WPF ListView控件的实例详解 C#的WPF作为现在微软主流的桌面程序开发平台，相比过去的MFC时代，有了非常多的不同。本人刚从MFC平台转过来，以为可以轻松上手，哪知碰到了很多问题，十分不解。不得不乖乖回去看了本书，再继续回到边左边边学的路上。在这边也推荐《深入浅出WPF》这本书，拿来上手还是极好的。     由于WPF以数据驱动UI的设计理念，很多控件用起来都与之前平台的相差很多，ListView控件算是有代表性的，这是进化的成果。关于该控件的应该，很多参考了这篇博文，如觉本人记述不清楚，可去查阅。     WPF的代码分为前端和后端两部分，前端为UI，负责与用户进行交互
wpf listview 滚动条和自动排序
08-02
wpf listview 控件 滚动条宽度设置 和 自动排序的示例，欢迎下载
C#-WPF ListView实现可编辑数据项
04-02
WPF ListView 数据项可编辑
WPF增删改查和分页功能DataGrid
02-27
Wpf 做的一个DataGrid的Demo，有增删改查 分页、自定义控件相关等功能，拿去就可以直接用
WPF **的分部声明一定不能指定不同的基类和Window与Page的界面跳转
贾教练的博客
08-28 8236
1…的分部声明一定不能指定不同的基类 遇到这个问题,有可能是xaml和cs里面的类型不一致 2.界面跳转 跳转到Window private void Quit_Click(object sender, RoutedEventArgs e) { MainWindow main = new MainWindow(); main.Sho...
WPF listbox隔行换色
最新发布
06-09
你可以使用WPF中listbox的样式来实现隔行换色的效果。具体实现步骤如下： 1. 在listbox的样式中添加一个Trigger，用于判断是否为偶数行。 2. 在Trigger中设置Background属性，用于设置偶数行的背景色。 以下是一个...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值