WPF自定義漂亮的按鈕樣式(2)_.Net教程

編輯Tag賺U幣

教程Tag：暫無Tag,歡迎添加,賺取U幣!

推薦：裝箱、轉型、方法調用他們究竟有什么區別？
以下為引用的內容：裝箱、轉型、方法調用這些我們天天進行的日常工作之前到底有什么差別？以

看了先不要頭大，我們先看看最終效果，然后回過頭來再解釋代碼：

這是常規樣式

這個是鼠標移到上面時的樣式

這個是鼠標點擊時的樣式

還有就是按鈕失效時的樣式

效果還算不錯吧，下面來講解代碼嘍，頭暈的同學可以現在就收拾東西回家了哈。

我們先來看這個命名為“back”的 Border 元素，它用它的 Background 屬性充當了整個按鈕的背景色。

以下為引用的內容：

<Border.Background>
<LinearGradientBrush StartPoint="0,0" EndPoint="0,1.5">
<GradientBrush.GradientStops>
<GradientStopCollection>
<GradientStop Color="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Button.Background).(SolidColorBrush.Color)}" Offset="0"/>
<GradientStop Color="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Button.Background).(SolidColorBrush.Color)}" Offset="0.4"/>
<GradientStop Color="#FFF" Offset="1"/>
</GradientStopCollection>
</GradientBrush.GradientStops>
</LinearGradientBrush>
</Border.Background>

其背景所用的是一個漸變筆刷，起始值和中間值都是引用的按鈕本身的背景色，就是我們之前設置過的顏色啦，終止值是白色，這樣通過位置調整，我們可以在按鈕最下部產生一些向白色的過度色彩效果。

以下為引用的內容：
<Border.BitmapEffect>
<OuterGlowBitmapEffect Opacity="0.7" GlowSize="0" GlowColor="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(Button.Background).(SolidColorBrush.Color)}" />
</Border.BitmapEffect>

它的 BitmapEffect 屬性我們設置了一個大小為 0 的外發光效果，平常是看不見這效果的，在這里預先設置好，是為了在鼠標移入、按下時實現動畫使用。