在用PNG作为一个Button的时候，如何能控制Hover区域?

2009-09-28 10:28:18 175 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

告别默认丑界面：手把手教你用MFC打造无边框+PNG按钮的现代化桌面应用本文详细介绍了如何通过MFC框架实现无边框窗口和PNG按钮的现代化桌面应用界面改造。从去除默认边框到高级背景处理技术，再到PNG按钮的完整实现，手把手教你将复古的MFC应用升级为符合当代设计趋势的精致界面，显著提升用户体验和视觉吸引力。阅读详情

问题描述
使用图片作为按钮显示，无边框，图片中存在大量的透明区域，目前鼠标在透明区域也会trigger hover事件；
请问如何可以根据当前点是否透明来判断Hover，而不是默认的矩形区域。
谢谢。

Button的样式如下

<Style TargetType="Button" >
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<Image Source="Images/tel256.png"/>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Button.Opacity" Value="0.3"></Setter>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

使用过程

<Button Height="50" Canvas.Left="258" Canvas.Top="183" Width="50"></Button>

谢谢了

...全文

Godot 4.2 按钮控件深度解析：从 BaseButton 原理到实战应用在图形用户界面开发中，按钮作为最基础的交互控件，其核心是一个状态机，用于管理用户输入与视觉反馈之间的映射关系。理解其底层原理，对于构建健壮、响应式的UI至关重要。在游戏引擎和交互式应用开发中，按钮的状态管理、信号处理与内存管理是高频出现的技术挑战。例如，防连点机制通过结合禁用状态与计时器实现，能有效防止因快速重复点击导致的逻辑错误；而正确的信号连接与销毁流程，则是避免内存泄漏、确保应用稳定性的关键实践。这些技术广泛应用于游戏菜单、设置界面、表单提交及任何需要用户确认操作的场景。本文将以Godot引擎的按钮控阅读详情

nonocast

WPF/Silverlight 8,757 成员 12,031 内容

+ 关注 + 加入社区

切换为时间正序

nonocast 2009-09-29

打赏
举报

没理解这个CheckHover放在哪里?
override 还是hook event?给点提示，谢谢啊

PS.你这个检测有点过分嘛
public static Color getImagePointColor(BitmapSource bitmapsource, int x, int y) {
CroppedBitmap crop = new CroppedBitmap(bitmapsource as BitmapSource, new Int32Rect(x, y, 1, 1));
byte[] pixels = new byte[4];
try {
crop.CopyPixels(pixels, 4, 0);
crop = null;
} catch (Exception ee) {
MessageBox.Show(ee.ToString());
}
//蓝pixels[0] 绿pixels[1] 红pixels[2] 透明度pixels[3]
return Color.FromArgb(pixels[3], pixels[2], pixels[1], pixels[0]);
}

that's ok.

jv9 2009-09-29

打赏
举报

[Quote=引用 2 楼 nonocast 的回复:]
应付当然是没问题，只是想知道怎么处理这个问题。

http://www.cnblogs.com/alamiye010/archive/2009/07/11/1521418.html
这里有说到，但我没看太明白怎么具体解决我这个问题。
[/Quote]

他的这个是根据他的游戏项目，太复杂了。

jv9 2009-09-29

打赏
举报

[Quote=引用 2 楼 nonocast 的回复:]
应付当然是没问题，只是想知道怎么处理这个问题。

http://www.cnblogs.com/alamiye010/archive/2009/07/11/1521418.html
这里有说到，但我没看太明白怎么具体解决我这个问题。
[/Quote]

写了一个代码，你可以参考一下，使用hittest可以这样实现。



private bool CheckHover(FrameworkElement control1, FrameworkElement controlElem1, FrameworkElement control2, FrameworkElement controlElem2)



{



    // 建立一个矩形



    Rect rect1 = UserControlBounds(control1);



    Rect rect2 = UserControlBounds(control2);



 



 



    rect1.Intersect(rect2);



    if (rect1 == Rect.Empty)



    {

//鼠标不在矩形中

        return false;



    }



    else



    {



        bool bCollision = false;



        Point ptCheck = new Point();



 



        // 设置pixel进行hittest



        for (int x = Convert.ToInt32(rect1.X); x < Convert.ToInt32(rect1.X + rect1.Width); x++)



        {



            for (int y = Convert.ToInt32(rect1.Y); y < Convert.ToInt32(rect1.Y + rect1.Height); y++)



            {



                ptCheck.X = x;



                ptCheck.Y = y;



 



                List<UIElement> hits = System.Windows.Media.VisualTreeHelper.FindElementsInHostCoordinates(ptCheck, control1) as List<UIElement>;



                if (hits.Contains(controlElem1))



                {



                    // 模拟hittest



                    List<UIElement> hits2 = System.Windows.Media.VisualTreeHelper.FindElementsInHostCoordinates(ptCheck, control2) as List<UIElement>;



                    if (hits2.Contains(controlElem2))



                    {



                        bCollision = true;



                        break;



                    }



                }



            }



            if (bCollision) break;



        }



        return bCollision;



    }



 



 



}

jv9 2009-09-29

打赏
举报

是有一些复杂。

调用起来很简单。



void CompositionTarget_Rendering(object sender, EventArgs e)

        {



            Path shipShell = ship.FindName("ShipShell") as Path;

            Path pathAsteroid1 = asteroidXaml1.FindName("pathAsteroid") as Path;



            if (CheckHover(ship, shipShell, asteroidXaml1, pathAsteroid1))

            {

                txtStatus.Text = "鼠标Hover事件";

                return;

            }



            txtStatus.Text = string.Empty;





        }

nonocast 2009-09-28

打赏
举报

应付当然是没问题，只是想知道怎么处理这个问题。

http://www.cnblogs.com/alamiye010/archive/2009/07/11/1521418.html
这里有说到，但我没看太明白怎么具体解决我这个问题。

jv9 2009-09-28

打赏
举报

我想应该不能使用代码的方法修改hover区域。Silverlight2有过热点区域的概念，但是我看了，不能实现你的要求。

是不是可以尝试把图片修改一下，减少空白区域呢？

在用PNG作为一个Button的时候，如何能控制Hover区域?

相关推荐