[WPF] 实现一个很久以前流行的按钮样式


偶尔看到这个按钮样式,用 WPF 模仿一下。这个按钮样式好像好几年前看到过,已经不记得怎么称呼了。

实现起来还挺简单的,首先用 OpacityMask 和 RadialGradientBrush 实现一个高光的边框:


    
        
            
            
            
        
    


然后在上面放一个半透明的遮罩层:


    
        
            
            
        
    

下一步,在外面套一个 Border,Border 的边框为一个像素,并且应用上背景色:


最后,在底层放一个半透明的层,添加一点立体感:


    

应用上各种颜色,成果如下:

最后再 MouseOver 和 Pressed 状态对遮罩层做手脚,实现了简单的状态变化:

源码: https://github.com/DinoChan/wpf_design_and_animation_lab