UWP如何自定义鼠标在Button上经过的样式?

时间:2026-02-17 10:34:26

1、首先,以如图简单情景为例。一个MainPage.xaml中有一个按钮Button在黑色背景上。

由于默认的PointerOver的样式的Background是半透明黑色,所以鼠标经过什么也看不到。

首先,在这个控件上右键,然后点击编辑面板->编辑副本。

UWP如何自定义鼠标在Button上经过的样式?

2、然后把Style资源创建到App.xaml,然后打开App.xaml。Style资源被创建在Application.Resources下面。

展开这个Style,展开Template。

UWP如何自定义鼠标在Button上经过的样式?

3、在Template属性的ControlTemplate里边,找到RootGrid下面的VisualStateManager。找到4个VisualState。

UWP如何自定义鼠标在Button上经过的样式?

4、展开名称为PointerOver的VisualState。设置其Background,BorderBrush。

UWP如何自定义鼠标在Button上经过的样式?

5、回到MainPage.xaml,将按钮Button的Style属性设置为:

{StaticResource 按钮样式名称}

大功告成。

UWP如何自定义鼠标在Button上经过的样式?

© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com