WPF ListView控件设置奇偶行背景色交替变换以及ListViewItem鼠标悬停动画

简介: 原文:WPF ListView控件设置奇偶行背景色交替变换以及ListViewItem鼠标悬停动画 利用WPF的ListView控件实现类似于Winform中DataGrid行背景色交替变换的效果,同时增加鼠标的悬停效果。
原文: WPF ListView控件设置奇偶行背景色交替变换以及ListViewItem鼠标悬停动画

利用WPF的ListView控件实现类似于Winform中DataGrid行背景色交替变换的效果,同时增加鼠标的悬停效果。

1.本文实现的效果如下:

2.所有的效果,我通过C#代码实现。代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows.Controls;
using System.Windows;
using System.Windows.Media;
using System.ComponentModel;
using System.Windows.Media.Animation;

namespace BarCodeSystem
{
    public class ListViewItemStyleSelector:StyleSelector
    {

        private Dictionary> storyboards = new Dictionary>();
        
        /// 
        /// 下面的示例演示如何定义一个为行定义 Style 的 StyleSelector。
        /// 此示例依据行索引定义 Background 颜色,为每行定义ListViewItem的动画板(Storyboard)。
        ///ListView控件在初始化的时候,每初始化一行ListViewItem的时候都会进入该函数
        /// 
        /// 
        /// 
        /// 
        public override Style SelectStyle(object item, DependencyObject container)
        {
            Style st = new Style();
            st.TargetType=typeof(ListViewItem);
            Setter backGroundSetter = new Setter();
            backGroundSetter.Property = ListViewItem.BackgroundProperty;
            ListView listview =
                ItemsControl.ItemsControlFromItemContainer(container)
                as ListView;//获得当前ListView
            int index =
                listview.ItemContainerGenerator.IndexFromContainer(container);//行索引
            if (index % 2 == 0)
            {
                backGroundSetter.Value = Brushes.AliceBlue;
            }
            else
            {
                backGroundSetter.Value = Brushes.Transparent;
            }
            st.Setters.Add(backGroundSetter);

            //获得当前ListViewItem
            ListViewItem iteml = (ListViewItem)listview.ItemContainerGenerator.ContainerFromIndex(index);
            
            //故事板列表,用来存放1.鼠标进入故事板2.鼠标离开故事板
            List sbl = new List();
            //声明故事板
            Storyboard storyboard = new Storyboard();

            //1.鼠标进入故事板
            //声明动画
            DoubleAnimation fontEnterAnimation = new DoubleAnimation();
            //动画的目标值
            fontEnterAnimation.To = 16;
            //开始之前的等待时间,设置0.5s的等待时间是为了模拟“悬停时间”
            fontEnterAnimation.BeginTime = TimeSpan.FromSeconds(0.5);
            //动画持续时间
            fontEnterAnimation.Duration = TimeSpan.FromSeconds(1);
            //动画缓动,可要可不要
            fontEnterAnimation.EasingFunction = new ElasticEase() { EasingMode=EasingMode.EaseOut};
            //绑定动画目标控件
            Storyboard.SetTarget(fontEnterAnimation, iteml);
            //绑定动画目标属性
            Storyboard.SetTargetProperty(fontEnterAnimation, new PropertyPath("FontSize"));
            //将动画板添加到故事板中
            storyboard.Children.Add(fontEnterAnimation);
            sbl.Add(storyboard);

            //2.鼠标离开故事板
            storyboard = new Storyboard();
            DoubleAnimation fontLeaveAnimation = new DoubleAnimation();
            fontLeaveAnimation.BeginTime = TimeSpan.FromSeconds(0);
            fontLeaveAnimation.Duration = TimeSpan.FromSeconds(0.5);

            Storyboard.SetTarget(fontLeaveAnimation, iteml);
            Storyboard.SetTargetProperty(fontLeaveAnimation, new PropertyPath("FontSize"));
            storyboard.Children.Add(fontLeaveAnimation);
            sbl.Add(storyboard);


            storyboards.Add(iteml, sbl);
            //绑定鼠标进入事件
            iteml.MouseEnter += new System.Windows.Input.MouseEventHandler(iteml_MouseEnter);
            //绑定鼠标离开事件
            iteml.MouseLeave += new System.Windows.Input.MouseEventHandler(iteml_MouseLeave);
            return st;
        }

        /// 
        /// 鼠标进入事件
        /// 
        /// 
        /// 
        private void iteml_MouseEnter(object sender, RoutedEventArgs e)
        {
            ListViewItem item=(ListViewItem)sender;
            List storyboard = storyboards[item];
            storyboard[0].Begin();
        }


        private void iteml_MouseLeave(object sender, RoutedEventArgs e)
        {
            ListViewItem item = (ListViewItem)sender;
            List storyboard = storyboards[item];
            storyboard[1].Begin();
        }
    }
}


3.Xaml文件中代码如下:

 
 

4.完成。

目录
相关文章
|
5月前
|
C#
WPF中动画教程(DoubleAnimation的基本使用)
WPF中动画教程(DoubleAnimation的基本使用)
95 0
|
4月前
|
算法 C# Windows
不可不知的WPF动画(Animation)
【9月更文挑战第19天】在 WPF(Windows Presentation Foundation)中,动画能为应用程序增添生动性和交互性。主要类型包括线性动画和关键帧动画,可针对依赖属性和自定义属性操作。触发方式有事件触发和自动触发,支持暂停、恢复及停止控制。合理使用这些功能并注意性能优化,可创建引人入胜的用户界面。
|
5月前
|
C# UED 开发者
WPF与性能优化:掌握这些核心技巧,让你的应用从卡顿到丝滑,彻底告别延迟,实现响应速度质的飞跃——从布局到动画全面剖析与实例演示
【8月更文挑战第31天】本文通过对比优化前后的方法,详细探讨了提升WPF应用响应速度的策略。文章首先分析了常见的性能瓶颈,如复杂的XAML布局、耗时的事件处理、不当的数据绑定及繁重的动画效果。接着,通过具体示例展示了如何简化XAML结构、使用后台线程处理事件、调整数据绑定设置以及利用DirectX优化动画,从而有效提升应用性能。通过这些优化措施,WPF应用将更加流畅,用户体验也将得到显著改善。
408 1
|
5月前
|
C# 开发者 Windows
一款基于Fluent设计风格、现代化的WPF UI控件库
一款基于Fluent设计风格、现代化的WPF UI控件库
142 1
|
5月前
|
C# Windows
WPF中如何使用HandyCotrol控件库
WPF中如何使用HandyCotrol控件库
239 1
|
5月前
|
C# 前端开发 UED
WPF数据验证实战:内置控件与自定义规则,带你玩转前端数据验证,让你的应用程序更上一层楼!
【8月更文挑战第31天】在WPF应用开发中,数据验证是确保输入正确性的关键环节。前端验证能及时发现错误,提升用户体验和程序可靠性。本文对比了几种常用的WPF数据验证方法,并通过示例展示了如何使用内置验证控件(如`TextBox`)及自定义验证规则实现有效验证。内置控件结合`Validation`类可快速实现简单验证;自定义规则则提供了更灵活的复杂逻辑支持。希望本文能帮助开发者更好地进行WPF数据验证。
189 0
|
5月前
|
C# UED 开发者
WPF动画大揭秘:掌握动画技巧,让你的界面动起来,告别枯燥与乏味!
【8月更文挑战第31天】在WPF应用开发中,动画能显著提升用户体验,使其更加生动有趣。本文将介绍WPF动画的基础知识和实现方法,包括平移、缩放、旋转等常见类型,并通过示例代码展示如何使用`DoubleAnimation`创建平移动画。此外,还将介绍动画触发器的使用,帮助开发者更好地控制动画效果,提升应用的吸引力。
301 0
|
5月前
|
C# UED 定位技术
WPF控件大全:初学者必读,掌握控件使用技巧,让你的应用程序更上一层楼!
【8月更文挑战第31天】在WPF应用程序开发中,控件是实现用户界面交互的关键元素。WPF提供了丰富的控件库,包括基础控件(如`Button`、`TextBox`)、布局控件(如`StackPanel`、`Grid`)、数据绑定控件(如`ListBox`、`DataGrid`)等。本文将介绍这些控件的基本分类及使用技巧,并通过示例代码展示如何在项目中应用。合理选择控件并利用布局控件和数据绑定功能,可以提升用户体验和程序性能。
142 0
|
5月前
|
前端开发 C#
wpfui:一个开源免费具有现代化设计趋势的WPF控件库
wpfui:一个开源免费具有现代化设计趋势的WPF控件库
218 0
|
5月前
|
存储 C# 数据格式
WPF动画教程(PointAnimationUsingPath的使用)
WPF动画教程(PointAnimationUsingPath的使用)
68 0