中創建一個看起來有光澤的玻璃按鈕,因為您厭倦了WPF中的按鈕的通常外觀?一旦將鼠標光標移到按鈕上,您是否想要一個具有光澤的按鈕,並具有玻璃光澤和發光效果?
它只有六個簡單的步驟……
請按照下面的教程進行介紹,並詳細介紹您的應用程序。
使用的工具 :
Visual Studio 2008
表達混合
1.創建一個新的WPF應用程序
2.創建一個畫布
從左側的工具欄上添加矩形:
將矩形的角拖到適當的尺寸,即您想要的按鈕所需的大小。
單擊矩形。
在右側選擇“屬性”選項卡。
選擇“填充” – >“不刷”。
選擇“中風” – >’沒有刷子’
在外觀截面中,將半徑和半徑的性質更改為4(使拐角變圓)。
使中風厚度0(中風為邊界)。
右鍵單擊您創建的矩形。
複製它。
粘貼兩次。
您的外行看起來應該與此相似:
如圖所示,選擇矩形:
右鍵單擊它。
選擇“團體進入” – >’帆布’
3.創建底漆
將畫布重命名為“屬性”選項卡中的“按鈕”。
在“佈局”部分中,選擇“光標”選項中的“手”
單擊layoutrot的頂部的第一個矩形:
選擇“填充” – >“純色刷子”
選擇編輯器中的顏色黑色。
將“屬性”選項卡中的矩形重命名為“底漆”:
4.創建光芒
像以前一樣從躺椅中選擇第二個矩形
在“屬性”選項卡中將其命名為“發光”
選擇“填充” – >“梯度刷” – >“徑向梯度”
單擊左側工具箱中的“刷子變換”:
刷子變換將用於調整梯度的定位。
稍微拖動矩形的底部以垂直擴大梯度:
將光標移動到矩形中間,直到看到四個頭部光標。
將亮點拖到一點:
選擇“填充” – >’梯度刷’ – >“線性梯度”
單擊第一個梯度停止,然後選擇要發光效果的顏色。
選擇第二個梯度停止。
將A值降低到0以達到透明度。
在外觀部分中使不透明度0%:
5.創建玻璃效果
選擇第三個矩形。
將其命名為“玻璃”。
選擇“填充” – >’梯度刷’ – >“線性梯度”
選擇“刷子變換”
選擇箭頭的背面並旋轉以相應地改變梯度:
將光標移動到矩形的頂部中部,直到將光標視為一隻手:
將光標拖到矩形上(好像將某些東西從頂部推入盒子),直到看到這樣的東西:
選擇第一個梯度停止。
設置A至0
在60%左右的梯度欄上單擊兩次,以獲得兩個梯度停止。
獲得一個梯度停止比另一個梯度低幾個百分比。
您可以在窗戶中看到玻璃效果:
將不透明度更改為80%。
6.編碼一點
將您的項目保存在混合中並關閉。
使用Visual Studio打開您的項目。
雙擊窗口的XAML代碼中的“帆布”:
不要與粉紅色混淆。我只是更改了測試的背景顏色。
在“屬性”窗口中選擇“事件”選項。
雙擊鼠標右側的列。
雙擊鼠標離開右側的列。
雙擊導致窗口的XAML代碼和方法標頭自動為事件生成。
輸入以下代碼才能使光線僅在鼠標通過按鈕上時出現:
私有void button_mouseenter(對象發送者,mouseeventargs e)
{
glow.opacity = 100;
}
私有void button_mouseleave(對象發送者,mouseeventargs e)
{
glow.opacity = 0;
}
你完成了
總是歡迎您的疑問!