当用户在wpf中悬停时,我如何突出显示行？

作者：Gbom2402851125 | 2023-09-09 18:06

如何解决《当用户在wpf中悬停时,我如何突出显示行？》经验，为你挑选了1个好方法。

目前,用户可以通过单击并拖动鼠标在画布上绘图.如何更改线条的颜色以指示用户的光标悬停在线上？当光标位于任何给定行的5个像素内以指示它们接近时,将其强调是理想的.

初始绘图......

在此输入图像描述

当用户的光标直接悬停在任何给定行的5个像素之上或之内时.

在此输入图像描述

MainWindow.xaml

MainWindow.cs

using System.Windows;
using System.Windows.Input;
using System.Windows.Shapes;

namespace WpfApplication1
{
    /// 
    /// Interaction logic for MainWindow.xaml
    /// 
    public partial class MainWindow : Window
    {
        Point currentPoint = new Point();

        public MainWindow()
        {
            InitializeComponent();
        }

        private void Canvas_MouseDown_1(object sender, System.Windows.Input.MouseButtonEventArgs e)
        {
            if (e.ButtonState == MouseButtonState.Pressed)
                currentPoint = e.GetPosition(this);
        }

        private void Canvas_MouseMove_1(object sender, System.Windows.Input.MouseEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                Line line = new Line();

                line.Stroke = SystemColors.WindowFrameBrush;
                line.X1 = currentPoint.X;
                line.Y1 = currentPoint.Y;
                line.X2 = e.GetPosition(this).X;
                line.Y2 = e.GetPosition(this).Y;

                currentPoint = e.GetPosition(this);

                paintSurface.Children.Add(line);
            }
        }

    }
}

B.K... 7

注意: 这里有两个版本的示例程序,新旧版本.看看两者,了解你能做些什么.

这是一个示例应用程序,它修复了您不知道的问题,这就是您用一个笔划而不是一行绘制了大量的行.你应该使用折线.如果您使用Visual Studio 2015,那么就会有一个实时视觉树,它将向您显示我的意思; 否则,您可以使用Snoop等工具查看相同的内容.它还解决了原始问题,这是突出显示.

新版本是此处显示的第一个代码部分.它使用字典链接基线和高亮线,以便在需要时可以到达底层基线(例如当您想要删除它时).它还突出了基础,而不是突出显示高亮线,这是旧版本所做的.高亮线仅用于选择区缓冲区.增加或减少其笔划以获得所需的选择缓冲区(您在帖子中提到了5个像素).

预习:

在此输入图像描述

XAML:

C#:

using System.Collections.Generic;
using System.Windows;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Shapes;

namespace WpfApplication
{
    public partial class MainWindow : Window
    {
        Polyline _baseLine;
        Polyline _highlightLine;
        Point _currentPoint;
        bool _newLine;

        Dictionary _lines = new Dictionary();

        public MainWindow()
        {
            InitializeComponent();
        }

        private void Canvas_MouseDown(object sender, MouseButtonEventArgs e)
        {
            _newLine = true;
        }

        private void Canvas_MouseUp(object sender, MouseButtonEventArgs e)
        {
            if (_highlightLine != null  && !_newline)
            {
                _highlightLine.MouseEnter += ShowHighlight;
                _highlightLine.MouseLeave += HideHighlight;
            }
        }

        private void Canvas_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                if (_newLine)
                {
                    _baseLine = new Polyline
                    {
                        Stroke = SystemColors.WindowFrameBrush,
                        StrokeThickness = 1.0
                    };
                    _highlightLine = new Polyline
                    {
                        Opacity = 0.0,
                        Stroke = SystemColors.WindowFrameBrush,
                        StrokeThickness = 10.0
                    };

                    paintSurface.Children.Add(_baseLine);
                    paintSurface.Children.Add(_highlightLine);
                    _lines.Add(_highlightLine, _baseLine);
                    _newLine = false;
                }

                _currentPoint = e.GetPosition(this);
                _baseLine.Points.Add(_currentPoint);
                _highlightLine.Points.Add(_currentPoint);
            }
        }

        private void ShowHighlight(object sender, MouseEventArgs e)
        {
            var line = sender as Polyline;
            if (line != null)
            {
                _lines[line].Stroke = new SolidColorBrush(Colors.LimeGreen);
            }
        }

        private void HideHighlight(object sender, MouseEventArgs e)
        {
            var line = sender as Polyline;
            if (line != null)
            {
                _lines[line].Stroke = SystemColors.WindowFrameBrush;
            }
        }
    }
}

你会注意到_newLine标志布尔值.我用它来表明是否应绘制新的折线.当鼠标停止时,这表明需要创建新行.我没有连接线的MouseEnter和MouseLeave手柄,直到鼠标向上,因为我不希望突出显示在线的绘制过程中分散注意力.你必须给_highlightLine提供一些笔画,然后将它的不透明度设置为0以使其不可见,但仍然响应命中测试; 否则,将永远不会调用MouseEnter和MouseLeave处理程序.

OLD(该程序的旧版本.还是一个很好的检查.):

我在这里做的是在基础顶部添加一个突出显示的折线,并将其笔划设置为10而不是基础1.您可以调整该笔划粗细以获得所需的选择"缓冲区"区域.我真的花了大约10-15分钟,所以可能有办法改进它,但这应该为你提供坚实的基础.如果你希望在这些线路上执行某些操作,你可以删除它们,那么我建议将_baseLine和_highlightLine同时添加到字典中,其中_highlightLine是键,_baseLine是值.这样,当您选择_highlightLine时,您可以访问基础_baseLine.

预习:

在此输入图像描述

XAML:

C#:

using System.Windows;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Shapes;

namespace WpfApplication
{
    public partial class MainWindow : Window
    {
        Polyline _baseLine;
        Polyline _highlightLine;
        Point _currentPoint;
        bool _newLine;

        public MainWindow()
        {
            InitializeComponent();
        }

        private void Canvas_MouseDown(object sender, MouseButtonEventArgs e)
        {
            _newLine = true;
        }

        private void Canvas_MouseUp(object sender, MouseButtonEventArgs e)
        {
            if (_highlightLine != null && !_newline)
            {
                _highlightLine.MouseEnter += ShowHighlight;
                _highlightLine.MouseLeave += HideHighlight;
            }
        }

        private void Canvas_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                if (_newLine)
                {
                    _baseLine = new Polyline
                    {
                        Stroke = SystemColors.WindowFrameBrush,
                        StrokeThickness = 1.0
                    };
                    _highlightLine = new Polyline
                    {
                        Stroke = new SolidColorBrush(Colors.Green),
                        Opacity = 0.0,
                        StrokeThickness = 10.0
                    };

                    paintSurface.Children.Add(_baseLine);
                    paintSurface.Children.Add(_highlightLine);
                    _newLine = false;
                }

                _currentPoint = e.GetPosition(this);
                _baseLine.Points.Add(_currentPoint);
                _highlightLine.Points.Add(_currentPoint);
            }
        }

        private void ShowHighlight(object sender, MouseEventArgs e)
        {
            var line = sender as Polyline;
            if (line != null)
            {
                line.Opacity = 1.0;
            }
        }

        private void HideHighlight(object sender, MouseEventArgs e)
        {
            var line = sender as Polyline;
            if (line != null)
            {
                line.Opacity = 0.0;
            }
        }
    }
}

其他想法:

如果你想要完整的XAML样式,你有几个选择.第一个选项是创建一个样式,突出显示IsMouseOver属性上的TargetType Polyline为true; 但是,你不会得到这个5像素的缓冲区.要完成这个5像素缓冲区,您需要创建一个自定义模板,这需要比我在此处演示的工作更多的工作.当然......如果您感觉非常冒险,总会选择从Shape派生并创建一个可突出/可选择的折线 - 与上面的代码相比,这只是很多工作.好的一面是它可以重复使用.这取决于您的情况,需求和需求.

1> B.K...：

注意: 这里有两个版本的示例程序,新旧版本.看看两者,了解你能做些什么.

预习:

在此输入图像描述

XAML:

C#:

using System.Collections.Generic;
using System.Windows;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Shapes;

namespace WpfApplication
{
    public partial class MainWindow : Window
    {
        Polyline _baseLine;
        Polyline _highlightLine;
        Point _currentPoint;
        bool _newLine;

        Dictionary _lines = new Dictionary();

        public MainWindow()
        {
            InitializeComponent();
        }

        private void Canvas_MouseDown(object sender, MouseButtonEventArgs e)
        {
            _newLine = true;
        }

        private void Canvas_MouseUp(object sender, MouseButtonEventArgs e)
        {
            if (_highlightLine != null  && !_newline)
            {
                _highlightLine.MouseEnter += ShowHighlight;
                _highlightLine.MouseLeave += HideHighlight;
            }
        }

        private void Canvas_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                if (_newLine)
                {
                    _baseLine = new Polyline
                    {
                        Stroke = SystemColors.WindowFrameBrush,
                        StrokeThickness = 1.0
                    };
                    _highlightLine = new Polyline
                    {
                        Opacity = 0.0,
                        Stroke = SystemColors.WindowFrameBrush,
                        StrokeThickness = 10.0
                    };

                    paintSurface.Children.Add(_baseLine);
                    paintSurface.Children.Add(_highlightLine);
                    _lines.Add(_highlightLine, _baseLine);
                    _newLine = false;
                }

                _currentPoint = e.GetPosition(this);
                _baseLine.Points.Add(_currentPoint);
                _highlightLine.Points.Add(_currentPoint);
            }
        }

        private void ShowHighlight(object sender, MouseEventArgs e)
        {
            var line = sender as Polyline;
            if (line != null)
            {
                _lines[line].Stroke = new SolidColorBrush(Colors.LimeGreen);
            }
        }

        private void HideHighlight(object sender, MouseEventArgs e)
        {
            var line = sender as Polyline;
            if (line != null)
            {
                _lines[line].Stroke = SystemColors.WindowFrameBrush;
            }
        }
    }
}

OLD(该程序的旧版本.还是一个很好的检查.):

预习:

在此输入图像描述

XAML:

C#:

using System.Windows;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Shapes;

namespace WpfApplication
{
    public partial class MainWindow : Window
    {
        Polyline _baseLine;
        Polyline _highlightLine;
        Point _currentPoint;
        bool _newLine;

        public MainWindow()
        {
            InitializeComponent();
        }

        private void Canvas_MouseDown(object sender, MouseButtonEventArgs e)
        {
            _newLine = true;
        }

        private void Canvas_MouseUp(object sender, MouseButtonEventArgs e)
        {
            if (_highlightLine != null && !_newline)
            {
                _highlightLine.MouseEnter += ShowHighlight;
                _highlightLine.MouseLeave += HideHighlight;
            }
        }

        private void Canvas_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                if (_newLine)
                {
                    _baseLine = new Polyline
                    {
                        Stroke = SystemColors.WindowFrameBrush,
                        StrokeThickness = 1.0
                    };
                    _highlightLine = new Polyline
                    {
                        Stroke = new SolidColorBrush(Colors.Green),
                        Opacity = 0.0,
                        StrokeThickness = 10.0
                    };

                    paintSurface.Children.Add(_baseLine);
                    paintSurface.Children.Add(_highlightLine);
                    _newLine = false;
                }

                _currentPoint = e.GetPosition(this);
                _baseLine.Points.Add(_currentPoint);
                _highlightLine.Points.Add(_currentPoint);
            }
        }

        private void ShowHighlight(object sender, MouseEventArgs e)
        {
            var line = sender as Polyline;
            if (line != null)
            {
                line.Opacity = 1.0;
            }
        }

        private void HideHighlight(object sender, MouseEventArgs e)
        {
            var line = sender as Polyline;
            if (line != null)
            {
                line.Opacity = 0.0;
            }
        }
    }
}

其他想法:

推荐阅读

程序员
WatchKit应用程序提交失败; MinimumOSVersion

如何解决《WatchKit应用程序提交失败;MinimumOSVersion》经验，为你挑选了1个好方法。 ... [详细]
程序员
忽略jshint不必要的分号错误

如何解决《忽略jshint不必要的分号错误》经验，为你挑选了1个好方法。 ... [详细]
程序员
在Laravel中对孩子进行排序:我如何按名字对孩子进行排序？

如何解决《在Laravel中对孩子进行排序:我如何按名字对孩子进行排序？》经验，为你挑选了1个好方法。 ... [详细]
程序员
在perl中指定单个空格分隔符

如何解决《在perl中指定单个空格分隔符》经验，为你挑选了1个好方法。 ... [详细]
程序员
更改Select2的默认字体

如何解决《更改Select2的默认字体》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何使用Symfony 3目录结构使用Codeception

如何解决《如何使用Symfony3目录结构使用Codeception》经验，为你挑选了1个好方法。 ... [详细]
程序员
RSpec:#RSpec :: Core :: ExampleGroup :: Nested的未定义方法`allow'

如何解决《RSpec:#RSpec::Core::ExampleGroup::Nested的未定义方法`allow'》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何在WinRT中清除TimeZoneInfo缓存？

如何解决《如何在WinRT中清除TimeZoneInfo缓存？》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何查找列表的一部分是否在str中

如何解决《如何查找列表的一部分是否在str中》经验，为你挑选了1个好方法。 ... [详细]
程序员
单选按钮或复选框是否允许使用咏叹调？

如何解决《单选按钮或复选框是否允许使用咏叹调？》经验，为你挑选了1个好方法。 ... [详细]
程序员
Elixir宏扩展问题,但只是在理解

如何解决《Elixir宏扩展问题,但只是在理解》经验，为你挑选了0个好方法。 ... [详细]
程序员
为什么indexedDB使用"版本"？

如何解决《为什么indexedDB使用"版本"？》经验，为你挑选了1个好方法。 ... [详细]
程序员
Iala上的Scala隐式转换

如何解决《Iala上的Scala隐式转换》经验，为你挑选了1个好方法。 ... [详细]
程序员
CoordinatorLayout与RecyclerView和底部固定的EditText

如何解决《CoordinatorLayout与RecyclerView和底部固定的EditText》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何使用页面对象模式Selenium C#声明页面标题

如何解决《如何使用页面对象模式SeleniumC#声明页面标题》经验，为你挑选了1个好方法。 ... [详细]
程序员
有条件地应用!到JavaScript中的方法

如何解决《有条件地应用!到JavaScript中的方法》经验，为你挑选了2个好方法。 ... [详细]
程序员
将配置单元脚本的结果导出到没有日志记录信息的文件

如何解决《将配置单元脚本的结果导出到没有日志记录信息的文件》经验，为你挑选了1个好方法。 ... [详细]
程序员
在通过索引访问元素时将char指针递增时是否有任何性能提升？

如何解决《在通过索引访问元素时将char指针递增时是否有任何性能提升？》经验，为你挑选了1个好方法。 ... [详细]
程序员
在C中隐藏结构定义是一个好习惯吗？

如何解决《在C中隐藏结构定义是一个好习惯吗？》经验，为你挑选了0个好方法。 ... [详细]
程序员
Android:将应用与自定义文件类型相关联

如何解决《Android:将应用与自定义文件类型相关联》经验，为你挑选了0个好方法。 ... [详细]

Gbom2402851125

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

RankList | 热门文章