使用ToggleButton和StackPanel+Border实现圆角开关按钮动画效果

最新推荐文章于 2023-03-05 22:37:17 发布

转载最新推荐文章于 2023-03-05 22:37:17 发布 · 265 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Events/p/3342447.html

本文介绍了一个使用C#和WPF实现的按钮切换动画效果，包括按钮的宽度变化和背景图像的切换，通过代码展示了如何利用动画实现按钮的动态变化。

<ToggleButton  Height="40"  Width="105" HorizontalAlignment="Left" Margin="138,122,0,0" Name="button1" VerticalAlignment="Top" Click="button1_Click">
            <ToggleButton.Content>
                <StackPanel Name="s1" Width="100" Height="22" Orientation="Horizontal" HorizontalAlignment="Left">
                    <Border Name="cd1" CornerRadius="10" BorderThickness="1" Width="100" BorderBrush="#FF001900">
                        <Border.Background>
                            <ImageBrush ImageSource="/MoveButton;component/Images/12.png" />
                        </Border.Background>
                    </Border>
                    <Border Name="cd2" CornerRadius="10" BorderThickness="1" Width="100" BorderBrush="#FF001900">
                        <Border.Background>
                            <ImageBrush ImageSource="/MoveButton;component/Images/13.png" />
                        </Border.Background>
                    </Border>
                </StackPanel>
            </ToggleButton.Content>
        </ToggleButton>

        private void button1_Click(object sender, RoutedEventArgs e)
        {
            if (button1.IsChecked == true)
            {
                DoubleAnimation d1 = new DoubleAnimation();
                d1.From = 0;
                d1.To = 100;
                d1.Duration = new Duration(TimeSpan.Parse("0:0:0.2"));
                cd2.BeginAnimation(StackPanel.WidthProperty, d1);

                DoubleAnimation d2 = new DoubleAnimation();
                d2.From = 100;
                d2.To = 0;
                d2.Duration = new Duration(TimeSpan.Parse("0:0:0.2"));
                cd1.BeginAnimation(StackPanel.WidthProperty, d2);
            }

            if (button1.IsChecked == false)
            {
                DoubleAnimation d1 = new DoubleAnimation();
                d1.From = 100;
                d1.To = 0;
                d1.Duration = new Duration(TimeSpan.Parse("0:0:0.2"));
                cd2.BeginAnimation(StackPanel.WidthProperty, d1);

                DoubleAnimation d2 = new DoubleAnimation();
                d2.From = 0;
                d2.To = 100;
                d2.Duration = new Duration(TimeSpan.Parse("0:0:0.2"));
                cd1.BeginAnimation(StackPanel.WidthProperty, d2);
            }
        }