您好,登錄后才能下訂單哦!
這篇文章主要講解了“怎么用WPF實(shí)現(xiàn)漸變淡入淡出的登陸窗口效果”,文中的講解內(nèi)容簡(jiǎn)單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來(lái)研究和學(xué)習(xí)“怎么用WPF實(shí)現(xiàn)漸變淡入淡出的登陸窗口效果”吧!
本文實(shí)例講述了WPF實(shí)現(xiàn)漸變淡入淡出的登陸窗口效果的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
1、實(shí)現(xiàn)原理
① 利用UIElement.OpacityMask屬性,用于改變對(duì)象區(qū)域的不透明度的畫(huà)筆??梢允乖氐奶囟▍^(qū)域透明或部分透明,從而實(shí)現(xiàn)比較新穎的效果。
② OpacityMask屬性接受任何畫(huà)刷,可利用LinearGradientBrush線性漸變畫(huà)刷,通過(guò)對(duì)漸變畫(huà)刷中各顏色點(diǎn)加以動(dòng)畫(huà)處理即可。
2、漸變淡入實(shí)現(xiàn)
漸變淡入效果,可通過(guò)事件觸發(fā)器觸發(fā)Loaded事件實(shí)現(xiàn),所以可以僅用前端XAML語(yǔ)言實(shí)現(xiàn)。
① 設(shè)置對(duì)象的OpacityMask屬性
復(fù)制代碼 代碼如下:
<Grid.OpacityMask>
<LinearGradientBrush StartPoint="0.5,1" EndPoint="0.5,0">
<GradientStop Color="#00000000" Offset="0"/>
<GradientStop Color="#00000000" Offset="1"/>
<GradientStop Color="#00000000" Offset="1"/>
</LinearGradientBrush>
</Grid.OpacityMask>
② 設(shè)置對(duì)象的事件觸發(fā)器
復(fù)制代碼 代碼如下:
<Grid.Triggers>
<EventTrigger RoutedEvent="Loaded">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation From="1" To="0" Duration="0:0:1.5" Storyboard.TargetProperty="OpacityMask.(GradientBrush.GradientStops)[1].Offset"/>
<DoubleAnimation From="1" To="0" Duration="0:0:1" BeginTime="0:0:0.5" Storyboard.TargetProperty="OpacityMask.(GradientBrush.GradientStops)[2].Offset"/>
<ColorAnimation To="#FF000000" Duration="0" Storyboard.TargetProperty="OpacityMask.(GradientBrush.GradientStops)[2].Color"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
</Grid.Triggers>
3、漸變淡出實(shí)現(xiàn)
漸變淡出效果,由于事件觸發(fā)器事件需要路由事件觸發(fā),所以需要使用后端代碼實(shí)現(xiàn)。
① 準(zhǔn)備漸變淡出的動(dòng)畫(huà)和畫(huà)刷資源
復(fù)制代碼 代碼如下:
<Window.Resources>
<Storyboard x:Key="ClosedStoryboard" Storyboard.TargetName="LoginGrid">
<DoubleAnimation From="1" To="0" Duration="0:0:2" Storyboard.TargetProperty="OpacityMask.(GradientBrush.GradientStops)[1].Offset"/>
<DoubleAnimation From="1" To="0" Duration="0:0:1.5" BeginTime="0:0:0.5"Storyboard.TargetProperty="OpacityMask.(GradientBrush.GradientStops)[2].Offset"/>
<ColorAnimation To="#00000000" Duration="0" Storyboard.TargetProperty="OpacityMask.(GradientBrush.GradientStops)[2].Color"/>
</Storyboard>
<LinearGradientBrush x:Key="ClosedBrush" StartPoint="0.5,0" EndPoint="0.5,1">
<GradientStop Color="#FF000000" Offset="0"/>
<GradientStop Color="#FF000000" Offset="1"/>
<GradientStop Color="#FF000000" Offset="1"/>
</LinearGradientBrush>
</Window.Resources>
② 后端通過(guò)綁定按鈕的Click事件實(shí)現(xiàn)
復(fù)制代碼 代碼如下:
private void btnCancel_Click(object sender, RoutedEventArgs e)
{
this.IsEnabled = false;
LoginGrid.OpacityMask = this.Resources["ClosedBrush"] as LinearGradientBrush;
Storyboard std = this.Resources["ClosedStoryboard"] as Storyboard;
std.Completed += delegate { this.Close(); };
std.Begin();
}
4、運(yùn)行效果圖如下:
感謝各位的閱讀,以上就是“怎么用WPF實(shí)現(xiàn)漸變淡入淡出的登陸窗口效果”的內(nèi)容了,經(jīng)過(guò)本文的學(xué)習(xí)后,相信大家對(duì)怎么用WPF實(shí)現(xiàn)漸變淡入淡出的登陸窗口效果這一問(wèn)題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。