WPF 圆点闪烁、变大、变小

<!--黄色-->
            <Style x:Key="btnYellowStyle" TargetType="Button">
                <Setter Property="BorderThickness" Value="0"/>
                <Setter Property="Background" Value="Transparent"></Setter>
                <Setter Property="Cursor" Value="Hand"></Setter>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid Name="sp_1" HorizontalAlignment="Center" VerticalAlignment="Center" Opacity="0">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>
                                <Border x:Name="e2" Opacity="0" Width="24" Height="24" CornerRadius="50">
                                    <Border.Effect>
                                        <DropShadowEffect ShadowDepth="0" Color="#F9D950" BlurRadius="16"/>
                                    </Border.Effect>
                                    <Border.Background>
                                        <LinearGradientBrush StartPoint="1,1" EndPoint="0,0" Opacity="0.6">
                                            <GradientStop Offset="1.0" Color="Transparent"></GradientStop>
                                            <GradientStop Offset="0.8" Color="#efe1a6"></GradientStop>
                                            <GradientStop Offset="0.4" Color="#ead26b"></GradientStop>
                                            <GradientStop Offset="0.0" Color="#F9D950"></GradientStop>
                                        </LinearGradientBrush>
                                    </Border.Background>
                                </Border>
                                <Ellipse x:Name="img" Width="12" Height="12" Fill="#F9D950" Opacity="1">
                                    <Ellipse.Effect>
                                        <DropShadowEffect ShadowDepth="0" Color="#F9D950" BlurRadius="20"/>
                                    </Ellipse.Effect>
                                </Ellipse>
                                <TextBlock Grid.Column="1" x:Name="txt" Text="{TemplateBinding Content}" FontSize="14" VerticalAlignment="Center" Foreground="White" Margin="10,0,0,0"/>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <EventTrigger RoutedEvent="Loaded">
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetName="sp_1" Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:0.2"></DoubleAnimation>
                                            <DoubleAnimation Storyboard.TargetName="e2"  Storyboard.TargetProperty="Opacity" From="1" To="0.7" Duration="0:0:0.3" AutoReverse="True" RepeatBehavior="Forever"/>
                                            <DoubleAnimation Storyboard.TargetName="e2"  Storyboard.TargetProperty="Opacity" From="0.7" To="0.3" Duration="0:0:0.3" AutoReverse="True" RepeatBehavior="Forever"/>
                                            <DoubleAnimation Storyboard.TargetName="e2"  Storyboard.TargetProperty="Opacity" From="0.3" To="0" Duration="0:0:0.3" AutoReverse="True" RepeatBehavior="Forever"/>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </EventTrigger>
                                <EventTrigger RoutedEvent="MouseEnter">
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetName="e2" Storyboard.TargetProperty="Width" To="26" Duration="0:0:0.2"></DoubleAnimation>
                                            <DoubleAnimation Storyboard.TargetName="e2" Storyboard.TargetProperty="Height" To="26" Duration="0:0:0.2"></DoubleAnimation>
                                            <DoubleAnimation Storyboard.TargetName="img" Storyboard.TargetProperty="Width" To="18" Duration="0:0:0.2"></DoubleAnimation>
                                            <DoubleAnimation Storyboard.TargetName="img" Storyboard.TargetProperty="Height" To="18" Duration="0:0:0.2"></DoubleAnimation>
                                            <DoubleAnimation Storyboard.TargetName="txt" Storyboard.TargetProperty="FontSize" To="18" Duration="0:0:0.2"></DoubleAnimation>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </EventTrigger>
                                <EventTrigger RoutedEvent="MouseLeave">
                                    <BeginStoryboard>
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetName="e2" Storyboard.TargetProperty="Width" To="24" Duration="0:0:0.2"></DoubleAnimation>
                                            <DoubleAnimation Storyboard.TargetName="e2" Storyboard.TargetProperty="Height" To="24" Duration="0:0:0.2"></DoubleAnimation>
                                            <DoubleAnimation Storyboard.TargetName="img" Storyboard.TargetProperty="Width" To="12" Duration="0:0:0.2"></DoubleAnimation>
                                            <DoubleAnimation Storyboard.TargetName="img" Storyboard.TargetProperty="Height" To="12" Duration="0:0:0.2"></DoubleAnimation>
                                            <DoubleAnimation Storyboard.TargetName="txt" Storyboard.TargetProperty="FontSize" To="14" Duration="0:0:0.2"></DoubleAnimation>
                                        </Storyboard>
                                    </BeginStoryboard>
                                </EventTrigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要将WPF Slider的滑块变大,可以通过修改Slider的模板来实现。具体步骤如下: 1. 在XAML文件中,找到Slider的模板,可以通过右键Slider控件,选择Edit Template -> Edit a Copy来获取模板。 2. 在模板中找到Thumb元素,这个元素就是Slider的滑块。 3. 修改Thumb元素的Width和Height属性,可以将滑块变大。例如,将Width和Height都设置为50,就可以将滑块变为正方形。 4. 保存模板,并将其应用到需要的Slider控件上即可。 下面是一个示例代码,演示如何将Slider的滑块变大: ```xml <Slider Width="200" Height="30"> <Slider.Template> <ControlTemplate TargetType="Slider"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <TickBar x:Name="TopTick" Visibility="Collapsed" Fill="{TemplateBinding Foreground}" Placement="Top" Height="4"/> <TickBar x:Name="BottomTick" Visibility="Collapsed" Fill="{TemplateBinding Foreground}" Placement="Bottom" Height="4"/> <Border x:Name="TrackBackground" Background="#FFE9E9E9" Grid.Row="1" Height="4" CornerRadius="2"/> <Track x:Name="PART_Track" Grid.Row="1"> <Track.DecreaseRepeatButton> <RepeatButton Command="{x:Static Slider.DecreaseLarge}" Background="#FFE9E9E9"/> </Track.DecreaseRepeatButton> <Track.IncreaseRepeatButton> <RepeatButton Command="{x:Static Slider.IncreaseLarge}" Background="#FFE9E9E9"/> </Track.IncreaseRepeatButton> <Track.Thumb> <Thumb x:Name="Thumb" Width="50" Height="50" Background="{TemplateBinding Foreground}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Style="{DynamicResource SliderThumbStyle}"/> </Track.Thumb> </Track> </Grid> </ControlTemplate> </Slider.Template> </Slider> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值