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

我就是我 2021-11-13 21:26 663阅读 1赞

用到一个工具类,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
        }
    }

前端页面

后端逻辑

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; }
        }
    }

效果图  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk3Njg5MA_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzk3Njg5MA_size_16_color_FFFFFF_t_70]: /images/20211113/3613f9bc6a924f04801f2f7a93af2a35.png