WPF控件绚丽呼吸闪烁源码

最新推荐文章于 2022-07-07 10:49:25 发布

转载最新推荐文章于 2022-07-07 10:49:25 发布 · 5.9k 阅读

文章标签：

#textbox #WPF #闪烁 #绚丽效果 #自定义样式

WPF 专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了使用XAML和WPF技术创建一个带有自定义外发光效果的窗口应用程序的过程，包括窗口资源、样式设置、触发器应用以及按钮和文本框的外发光效果实现。

<Window x:Class="CLeopard.textBoxRun"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="textBoxRun" Height="300" Width="300">
    <Window.Resources>
    <Style x:Key="OuterGlowStyle" TargetType="{x:Type FrameworkElement}">
        <Setter Property="Effect">
            <Setter.Value>
                <DropShadowEffect x:Name="OG" BlurRadius="0" Color="Black" Direction="0"
 Opacity="0.6" RenderingBias="Performance" ShadowDepth="0">
                    <Storyboard.TargetProperty>
                        BlurRadius
                    </Storyboard.TargetProperty>
                </DropShadowEffect>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <EventTrigger RoutedEvent="GotFocus">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetProperty="(FrameworkElement.Effect).
(DropShadowEffect.BlurRadius)" BeginTime="00:00:00" From="0" To="10" Duration="00:00:01" AutoReverse="True" 
RepeatBehavior="Forever"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
    <Grid>
        <TextBox Width="150" Style="{StaticResource OuterGlowStyle}" Height="30"/>
        <Button Width="150" Style="{StaticResource OuterGlowStyle}" Height="30" Margin="64,50,64,181" />
    </Grid>
</Window>