WPF编程，等待动画的几中实现形式

最新推荐文章于 2024-04-22 13:21:41 发布
最新推荐文章于 2024-04-22 13:21:41 发布
阅读量2.3k 收藏 25
点赞数 4
分类专栏： WPF 文章标签： 动画 wpf 加载 等待 处理
原文链接：https://blog.csdn.net/pandawangyt/article/details/119840279#comments_21734831
版权

全部效果

在这里插入图片描述

持续更新…

类型1

效果
在这里插入图片描述
思路：

1、用8个浅灰色的圆当背景
2、4个渐变深灰色的圆，一直改变其旋转角度，表示Loading的过程

首先，定位下图圆的位置（红色线为辅助线），剩余的直接旋转角度就行。
在这里插入图片描述

画布长宽为100

<Canvas Width="100" Height="100">

圆的半径是25，设计其基础的样式。因为剩余的圆是通过该圆旋转得到的，旋转的中心是上图中几条红色直线相交的那个点，不难算出RenderTransformOrigin为0.5,2，这个很关键。

<Style x:Key="ellipse" TargetType="Ellipse">
    <Setter Property="Width" Value="25"/>
    <Setter Property="Height" Value="25"/>
    <Setter Property="RenderTransformOrigin" Value="0.5, 2"/>
    <Setter Property="Fill" Value="#FFAAAAAA"/>
    <Setter Property="Canvas.Left" Value="37.5"/>
    <Setter Property="Canvas.Top" Value="0"/>
</Style>

剩下的就是旋转啦

<!-- 8个背景圆 -->
<Ellipse Style="{StaticResource ellipse}">
    <Ellipse.RenderTransform>
        <RotateTransform Angle="0"/>
    </Ellipse.RenderTransform>
</Ellipse>
<Ellipse Style="{StaticResource ellipse}">
    <Ellipse.RenderTransform>
        <RotateTransform Angle="45"/>
    </Ellipse.RenderTransform>
</Ellipse>
<Ellipse Style="{StaticResource ellipse}">
    <Ellipse.RenderTransform>
        <RotateTransform Angle="90"/>
    </Ellipse.RenderTransform>
</Ellipse>
<Ellipse Style="{StaticResource ellipse}">
    <Ellipse.RenderTransform>
        <RotateTransform Angle="135"/>
    </Ellipse.RenderTransform>
</Ellipse>
<Ellipse Style="{StaticResource ellipse}">
    <Ellipse.RenderTransform>
        <RotateTransform Angle="180"/>
    </Ellipse.RenderTransform>
</Ellipse>
<Ellipse Style="{StaticResource ellipse}">
    <Ellipse.RenderTransform>
        <RotateTransform Angle="225"/>
    </Ellipse.RenderTransform>
</Ellipse>
<Ellipse Style="{StaticResource ellipse}">
    <Ellipse.RenderTransform>
        <RotateTransform Angle="270"/>
    </Ellipse.RenderTransform>
</Ellipse>
<Ellipse Style="{StaticResource ellipse}">
    <Ellipse.RenderTransform>
        <RotateTransform Angle="315"/>
    </Ellipse.RenderTransform>
</Ellipse>
<!-- 4个一直旋转的圆 -->
<Ellipse Name="ell1" Style="{StaticResource ellipse}" Fill="Black" Opacity="0.3">
    <Ellipse.RenderTransform>
        <RotateTransform Angle="45"/>
    </Ellipse.RenderTransform>
</Ellipse>
<Ellipse Name="ell2" Style="{StaticResource ellipse}" Fill="Black" Opacity="0.4">
    <Ellipse.RenderTransform>
        <RotateTransform Angle="90"/>
    </Ellipse.RenderTransform>
</Ellipse>
<Ellipse Name="ell3" Style="{StaticResource ellipse}" Fill="Black" Opacity="0.5">
    <Ellipse.RenderTransform>
        <RotateTransform Angle="135"/>
    </Ellipse.RenderTransform>
</Ellipse>
<Ellipse Name="ell4" Style="{StaticResource ellipse}" Fill="Black" Opacity="0.6">
    <Ellipse.RenderTransform>
        <RotateTransform Angle="180"/>
    </Ellipse.RenderTransform>
</Ellipse>

这样就能得到上图了。

如何旋转圆ell1 ell2 ell3 ell4呢？
这里用了关键帧动画DoubleAnimationUsingKeyFrames改变RotateTransform的Angle属性。对于圆ell1，其初始旋转角度是45°，那还需要旋转到90°、135°、180°、225°、270°、315°、360°共7个角度，不难写出动画代码，其他三个类似。

<Storyboard x:Key="sb1" RepeatBehavior="Forever">
     <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ell1" 
         Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)">
         <DiscreteDoubleKeyFrame KeyTime="0:0:0.1" Value="90"/>
         <DiscreteDoubleKeyFrame KeyTime="0:0:0.2" Value="135"/>
         <DiscreteDoubleKeyFrame KeyTime="0:0:0.3" Value="180"/>
         <DiscreteDoubleKeyFrame KeyTime="0:0:0.4" Value="225"/>
         <DiscreteDoubleKeyFrame KeyTime="0:0:0.5" Value="270"/>
         <DiscreteDoubleKeyFrame KeyTime="0:0:0.6" Value="315"/>
         <DiscreteDoubleKeyFrame KeyTime="0:0:0.7" Value="360"/>
     </DoubleAnimationUsingKeyFrames>
 </Storyboard>

然后在画布加载事件中触发

<Canvas.Triggers>
    <EventTrigger RoutedEvent="Loaded">
        <BeginStoryboard Storyboard="{StaticResource sb1}"/>
        <BeginStoryboard Storyboard="{StaticResource sb2}"/>
        <BeginStoryboard Storyboard="{StaticResource sb3}"/>
        <BeginStoryboard Storyboard="{StaticResource sb4}"/>
    </EventTrigger>
</Canvas.Triggers>

类型2

效果：
在这里插入图片描述

思路：

使用两个弧Arc，一个充当背景，一个作动画
关于Arc可以参考这个

代码：

<Canvas Width="100" Height="100">
   <Canvas.Triggers>
       <EventTrigger RoutedEvent="Loaded">
           <BeginStoryboard>
               <Storyboard RepeatBehavior="Forever" Storyboard.TargetName="arc">
                   <DoubleAnimation Storyboard.TargetProperty="EndAngle" To="360" BeginTime="0:0:0" Duration="0:0:1">
                       <DoubleAnimation.EasingFunction>
                           <PowerEase EasingMode="EaseInOut" Power="3"/>
                       </DoubleAnimation.EasingFunction>
                   </DoubleAnimation>
                   <DoubleAnimation Storyboard.TargetProperty="StartAngle" To="360" BeginTime="0:0:1" Duration="0:0:1">
                       <DoubleAnimation.EasingFunction>
                           <PowerEase EasingMode="EaseInOut" Power="3"/>
                       </DoubleAnimation.EasingFunction>
                   </DoubleAnimation>
               </Storyboard>
           </BeginStoryboard>
       </EventTrigger>
   </Canvas.Triggers>
   <ed:Arc Width="80"
           Height="80"
           StartAngle="0" 
           EndAngle="360"
           Stretch="None"
           ArcThickness="12"
           Fill="#fff1c1">
   </ed:Arc>
   <ed:Arc Width="80"
           Height="80"
           Name="arc"
           StartAngle="0" 
           EndAngle="0"
           Stretch="None"
           ArcThickness="12"
           Fill="#fe5f55">
   </ed:Arc>
</Canvas>

使用缓动函数看起来更自然。使用幂函数，这里是 Power=“3” 次幂，来加速（EaseIn）或减速动画（EaseOut），这里 EasingMode=“EaseInOut” 表示动画开始和结束时减速。

<DoubleAnimation.EasingFunction>
    <PowerEase EasingMode="EaseInOut" Power="3"/>
</DoubleAnimation.EasingFunction>

类似这样的图：
在这里插入图片描述

类型3

效果：
在这里插入图片描述

GIF看的有点卡，实际不卡。

样式：

<Grid Background="White">
    <Grid.Resources>
        <Style x:Key="ellipse" TargetType="Ellipse">
            <Setter Property="Width" Value="15"/>
            <Setter Property="Height" Value="15"/>
            <Setter Property="Canvas.Left" Value="42.5"/>
            <Setter Property="Fill" Value="#0d3f67"/>
            <Setter Property="RenderTransformOrigin" Value="0.5,3.33"/>
        </Style>

        <PowerEase x:Key="powerease" Power="3" EasingMode="EaseInOut"/>
        
    </Grid.Resources>
    <Canvas Width="100" Height="100">
        <Canvas.Triggers>
            <EventTrigger RoutedEvent="Loaded">
                <BeginStoryboard>
                    <Storyboard Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)" RepeatBehavior="Forever">
                        <DoubleAnimation Storyboard.TargetName="e1" To="360" Duration="0:0:2" EasingFunction="{StaticResource powerease}" AccelerationRatio="0.1" DecelerationRatio="0.9"/>
                        <DoubleAnimation Storyboard.TargetName="e2" To="360" Duration="0:0:2" EasingFunction="{StaticResource powerease}" AccelerationRatio="0.3" DecelerationRatio="0.7"/>
                        <DoubleAnimation Storyboard.TargetName="e3" To="360" Duration="0:0:2" EasingFunction="{StaticResource powerease}" AccelerationRatio="0.5" DecelerationRatio="0.5"/>
                        <DoubleAnimation Storyboard.TargetName="e4" To="360" Duration="0:0:2" EasingFunction="{StaticResource powerease}" AccelerationRatio="0.7" DecelerationRatio="0.3"/>
                        <DoubleAnimation Storyboard.TargetName="e5" To="360" Duration="0:0:2" EasingFunction="{StaticResource powerease}" AccelerationRatio="0.9" DecelerationRatio="0.1"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Canvas.Triggers>
        
        <!--背景-->
        <Ellipse Width="100" Height="100" Fill="#f2f4f6"/>
        <Label Content="Loading"
               FontSize="16"
               FontFamily="Times New Roman"
               Foreground="#6b48ff"
               FontWeight="Bold"
               Width="100" 
               Height="100"
               VerticalContentAlignment="Center" 
               HorizontalContentAlignment="Center"/>

        <Ellipse Name="e1" Style="{StaticResource ellipse}">
            <Ellipse.RenderTransform>
                <RotateTransform Angle="0"/>
            </Ellipse.RenderTransform>
        </Ellipse>
        <Ellipse Name="e2" Style="{StaticResource ellipse}">
            <Ellipse.RenderTransform>
                <RotateTransform Angle="0"/>
            </Ellipse.RenderTransform>
        </Ellipse>
        <Ellipse Name="e3" Style="{StaticResource ellipse}">
            <Ellipse.RenderTransform>
                <RotateTransform Angle="0"/>
            </Ellipse.RenderTransform>
        </Ellipse>
        <Ellipse Name="e4" Style="{StaticResource ellipse}">
            <Ellipse.RenderTransform>
                <RotateTransform Angle="0"/>
            </Ellipse.RenderTransform>
        </Ellipse>
        <Ellipse Name="e5" Style="{StaticResource ellipse}">
            <Ellipse.RenderTransform>
                <RotateTransform Angle="0"/>
            </Ellipse.RenderTransform>
        </Ellipse>
    </Canvas>
</Grid>

使用了缓动函数PowerEase来控制5个圆的旋转速度。

类型4

效果：
在这里插入图片描述
样式：

 <Style x:Key="ellipse" TargetType="Ellipse">
     <Setter Property="Width" Value="20"/>
     <Setter Property="Height" Value="20"/>
     <Setter Property="Fill" Value="#41b6e6"/>
     <Setter Property="RenderTransform">
         <Setter.Value>
             <TranslateTransform X="0" Y="0"/>
         </Setter.Value>
     </Setter>
 </Style>
 
 <PowerEase x:Key="powerEase" Power="2" EasingMode="EaseInOut"/>

<Canvas Background="White" Width="200" Height="200">
    <Canvas.Triggers>
        <EventTrigger RoutedEvent="Loaded">
            <BeginStoryboard>
                <Storyboard RepeatBehavior="Forever" Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.Y)">
                    <DoubleAnimation Storyboard.TargetName="e1" To="-50" BeginTime="0:0:0.0" Duration="0:0:0.5" AutoReverse="True" EasingFunction="{StaticResource powerEase}"/>
                    <DoubleAnimation Storyboard.TargetName="e2" To="-50" BeginTime="0:0:0.1" Duration="0:0:0.5" AutoReverse="True" EasingFunction="{StaticResource powerEase}"/>
                    <DoubleAnimation Storyboard.TargetName="e3" To="-50" BeginTime="0:0:0.2" Duration="0:0:0.5" AutoReverse="True" EasingFunction="{StaticResource powerEase}"/>
                    <DoubleAnimation Storyboard.TargetName="e4" To="-50" BeginTime="0:0:0.3" Duration="0:0:0.5" AutoReverse="True" EasingFunction="{StaticResource powerEase}"/>
                    <DoubleAnimation Storyboard.TargetName="e5" To="-50" BeginTime="0:0:0.4" Duration="0:0:0.5" AutoReverse="True" EasingFunction="{StaticResource powerEase}"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Canvas.Triggers>

    
    <Label Content="Loading"
           FontSize="16"
           FontFamily="Times New Roman"
           Foreground="#ffb549"
           FontWeight="Bold"
           Width="200"
           HorizontalContentAlignment="Center"
           Canvas.Top="100"/>

    <Ellipse Name="e1" Canvas.Left="30" Canvas.Top="80" Style="{StaticResource ellipse}"/>
    <Ellipse Name="e2" Canvas.Left="60" Canvas.Top="80" Style="{StaticResource ellipse}"/>
    <Ellipse Name="e3" Canvas.Left="90" Canvas.Top="80" Style="{StaticResource ellipse}"/>
    <Ellipse Name="e4" Canvas.Left="120" Canvas.Top="80" Style="{StaticResource ellipse}"/>
    <Ellipse Name="e5" Canvas.Left="150" Canvas.Top="80" Style="{StaticResource ellipse}"/>
</Canvas>

类型5

在这里插入图片描述
样式：

<Grid Background="White" HorizontalAlignment="Center">
    <Grid.Resources>
        <Style x:Key="rec" TargetType="Rectangle">
            <Setter Property="Width" Value="10"/>
            <Setter Property="Height" Value="30"/>
            <Setter Property="Fill" Value="#f1404b"/>
        </Style>
        <PowerEase x:Key="powerEase" Power="3" EasingMode="EaseInOut"/>
    </Grid.Resources>
    <Grid.Triggers>
        <EventTrigger RoutedEvent="Loaded">
            <BeginStoryboard>
                <Storyboard RepeatBehavior="Forever" Storyboard.TargetProperty="Height">
                    <DoubleAnimation Storyboard.TargetName="rec1" To="50" BeginTime="0:0:0.0" Duration="0:0:0.5" EasingFunction="{StaticResource powerEase}" AutoReverse="True"/>
                    <DoubleAnimation Storyboard.TargetName="rec2" To="50" BeginTime="0:0:0.2" Duration="0:0:0.5" EasingFunction="{StaticResource powerEase}" AutoReverse="True"/>
                    <DoubleAnimation Storyboard.TargetName="rec3" To="50" BeginTime="0:0:0.4" Duration="0:0:0.5" EasingFunction="{StaticResource powerEase}" AutoReverse="True"/>
                    <DoubleAnimation Storyboard.TargetName="rec4" To="50" BeginTime="0:0:0.6" Duration="0:0:0.5" EasingFunction="{StaticResource powerEase}" AutoReverse="True"/>
                    <DoubleAnimation Storyboard.TargetName="rec5" To="50" BeginTime="0:0:0.8" Duration="0:0:0.5" EasingFunction="{StaticResource powerEase}" AutoReverse="True"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Grid.Triggers>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="15"/>
        <ColumnDefinition Width="15"/>
        <ColumnDefinition Width="15"/>
        <ColumnDefinition Width="15"/>
        <ColumnDefinition Width="15"/>
    </Grid.ColumnDefinitions>
    <Label Content="Loading"
           FontSize="18"
           FontFamily="Times New Roman"
           Foreground="#252c41"
           FontWeight="Bold"
           Grid.ColumnSpan="5"
           VerticalContentAlignment="Center"
           HorizontalContentAlignment="Center"
           Margin="0,80,0,0"/>
    <Rectangle Name="rec1" Grid.Column="0" Style="{StaticResource rec}"/>
    <Rectangle Name="rec2" Grid.Column="1" Style="{StaticResource rec}"/>
    <Rectangle Name="rec3" Grid.Column="2" Style="{StaticResource rec}"/>
    <Rectangle Name="rec4" Grid.Column="3" Style="{StaticResource rec}"/>
    <Rectangle Name="rec5" Grid.Column="4" Style="{StaticResource rec}"/>
</Grid>

类型6

需要了解一点3D知识，戳这里
在这里插入图片描述
样式：

<Grid Background="White" Width="200" Height="200">
    <Grid.Resources>
        <PowerEase x:Key="powerEase" Power="3" EasingMode="EaseIn"/>
    </Grid.Resources>
    <Viewport3D Width="200" Height="200">
        <Viewport3D.Triggers>
            <EventTrigger RoutedEvent="Loaded">
                <BeginStoryboard>
                    <Storyboard RepeatBehavior="Forever" Storyboard.TargetProperty="Angle">
                        <DoubleAnimation Storyboard.TargetName="axisX" To="180" BeginTime="0:0:0" Duration="0:0:0.5" EasingFunction="{StaticResource powerEase}"/>
                        <DoubleAnimation Storyboard.TargetName="axisY" To="180" BeginTime="0:0:0.5" Duration="0:0:0.5" EasingFunction="{StaticResource powerEase}"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Viewport3D.Triggers>
        <!--垂直屏幕往里-->
        <Viewport3D.Camera>
            <PerspectiveCamera Position="0,0,800" LookDirection="0,0,-1"/>
        </Viewport3D.Camera>
        <Viewport3D.Children>
            <ContainerUIElement3D>
                <!--正面-->
                <Viewport2DVisual3D>
                    <Viewport2DVisual3D.Geometry>
                        <MeshGeometry3D Positions="-100,100,0 -100,-100,0 100,-100,0 100,100,0"
                                        TriangleIndices="0,1,2 0,2,3"
                                        TextureCoordinates="0 0  0 1  1 1  1 0"/>
                    </Viewport2DVisual3D.Geometry>
                    <Viewport2DVisual3D.Material>
                        <DiffuseMaterial Viewport2DVisual3D.IsVisualHostMaterial="True"/>
                    </Viewport2DVisual3D.Material>
                    <Viewport2DVisual3D.Visual>
                        <Rectangle Width="50" Height="50" Fill="#1794A5"/>
                    </Viewport2DVisual3D.Visual>
                </Viewport2DVisual3D>
                <!--背面-->
                <Viewport2DVisual3D>
                    <Viewport2DVisual3D.Geometry>
                        <MeshGeometry3D Positions="100,100,0 100,-100,0 -100,-100,0 -100,100,0"
                                        TriangleIndices="0,1,2 0,2,3"
                                        TextureCoordinates="0 0  0 1  1 1  1 0"/>
                    </Viewport2DVisual3D.Geometry>
                    <Viewport2DVisual3D.Material>
                        <DiffuseMaterial Viewport2DVisual3D.IsVisualHostMaterial="True"/>
                    </Viewport2DVisual3D.Material>
                    <Viewport2DVisual3D.Visual>
                        <Rectangle Width="50" Height="50" Fill="#1794A5"/>
                    </Viewport2DVisual3D.Visual>
                </Viewport2DVisual3D>
                <!--绕X、Y轴旋转-->
                <ContainerUIElement3D.Transform>
                    <Transform3DGroup>
                        <RotateTransform3D>
                            <RotateTransform3D.Rotation>
                                <AxisAngleRotation3D x:Name="axisX" Axis="1,0,0" Angle="0"/>
                            </RotateTransform3D.Rotation>
                        </RotateTransform3D>
                        <RotateTransform3D>
                            <RotateTransform3D.Rotation>
                                <AxisAngleRotation3D x:Name="axisY" Axis="0,1,0" Angle="0"/>
                            </RotateTransform3D.Rotation>
                        </RotateTransform3D>
                    </Transform3DGroup>
                </ContainerUIElement3D.Transform>
            </ContainerUIElement3D>
            <!--灯光-->
            <ModelVisual3D>
                <ModelVisual3D.Content>
                    <DirectionalLight Color="Transparent"/>
                </ModelVisual3D.Content>
            </ModelVisual3D>
        </Viewport3D.Children>
    </Viewport3D>
    
    <Label Content="Loading"
           FontSize="20"
           FontFamily="Times New Roman"
           Foreground="#ED5485"
           FontWeight="Bold"
           Width="200"
           HorizontalContentAlignment="Center"
           VerticalAlignment="Bottom"
           Margin="0,30"/>
</Grid>

原文链接： https://blog.csdn.net/pandawangyt/article/details/119840279#comments_21734831

子不语
关注
  • 4
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF：Loading等待动画、加载动画
pandawangyt的博客
08-21 1万+
类型1 效果 思路： 1、用8个浅灰色的圆当背景 2、4个渐变深灰色的圆，一直改变其旋转角度，表示Loading的过程 首先，定位下图圆的位置（红色线为辅助线），剩余的直接旋转角度就行。 画布长宽为100 <Canvas Width="100" Height="100"> 圆的半径是25，设计其基础的样式。因为剩余的圆是通过该圆旋转得到的，旋转的中心是上图中几条红色直线相交的那个点，不难算出RenderTransformOrigin为0.5,2，这个很关键。 <Style x:K
wpf加载等待动画（loading）
03-17
用wpf程序实现Loadingwait动画等待效果，在canvas里放9个Ellipse，，然后再用用定时器，一直改变每个Ellipse的位置，从而实现loading 效果。
WPF-关于动画Animation（及其常见问题）
最新发布
rwo_bear的博客
04-22 2972
StrokeDashOffset：分段偏移值（改变该值实现流动效果）="0.5,0.5"，切换位置转换的中心点；StrokeDashArray ：分段长度。得自己规划逻辑（触发器、事件都可）
WPF转圈等待动画
qq_43393792的博客
03-25 774
记录一下等待动画 <Grid Background="Black"> <Grid x:Name="progressGrid" Grid.RowSpan="5" Background="#33FFFFFF" Visibility="Visible" Panel.ZIndex="5"> <Grid Height="150" Width="150" > <Image x:Name="progre
WPF 加载等待动画
JiesonLove的博客
03-15 497
效果图如下:(喜欢的点个赞) 主要运用矩阵路径移动方法,不同小球设置不用加速度:(代码如下).可自行将路径由直线改为圆形. <Viewbox> <Grid> <Grid.Resources> <PathGeometry Figures="M0,0 200,0" x:Key="path"/> <Style x:Key="EllipseSt...
WPF等待动画
zls365365的博客
04-30 337
01—效果预览效果预览（更多效果请下载源码体验）：02—代码如下一、CycleLoading.cs 代码如下using System.Windows; using System.Windows.Controls; namespace WPFDevelopers.Controls { public class CycleLoading : ContentCont...
WPF编程之行走机器人源码
02-20
在本文中，我们将深入探讨基于WPF（Windows Presentation Foundation）编程的“行走机器人...总之，“WPF编程之行走机器人源码”是一个很好的学习资源，对于想要提升WPF和C#技能的开发者来说，这是一个不容错过的实例。
WPF编程-3D机械臂底座旋转源码
02-18
4. **动画和交互**：利用WPF的动画系统实现平滑的旋转效果，同时处理用户输入以交互控制旋转。 5. **3D模型导入**：如果底座模型不是程序内生成，而是从外部资源导入，需要了解如何使用`Model3DGroup`加载和显示3D...
WPF编程宝典C#2012 第4版
03-21
在《WPF编程宝典C#2012 第4版》中，作者深入探讨了以下几个关键知识点： 1. **XAML基础**：解释了XAML的基本语法，包括元素、属性、事件和数据绑定，以及如何利用它来创建复杂的用户界面。 2. **控件和布局**：...
WPF实现消息提醒（广告弹窗）
12-17
有几种方式可以创建消息弹窗： - 使用内置的`MessageBox.Show()`方法，简单快捷，但功能相对有限。 - 自定义`UserControl`，这可以让你完全自定义弹窗的外观和行为。 - 使用第三方库，如MahApps.Metro或...
wpf.controls-master.zip_WPF_WPF 动画_WPF自定义控件_wpf动画_水印
09-23
6. **XAML 编程**：WPF的标记语言XAML（Extensible Application Markup Language）是实现这些功能的核心工具。XAML允许开发者以声明式方式定义UI布局和逻辑，包括控件的属性、样式、模板和动画。通过XAML，我们可以...
wpf圆形加载等待效果
10-02
一个加载等待特效，喜欢的朋友可以下载参考
WPF 用户控件 Loading 效果
01-24
WPF 用户控件 Loading 效果
等待提示动画源码.zip
07-10
等待提示动画源码
WPF实战项目十七（客户端）：数据等待加载弹框动画
yigu4011的博客
11-23 1713
1、在Common文件夹下新建文件夹Events，新建扩展类UpdateLoadingEvent。2、新建一个静态扩展类DialogExtensions来编写注册和推送等待消息弹框方法。3、在ViewModel中添加实现类NavigationViewModel。5、在View文件夹下新建用户控件ProgressView.xmal。4、在主窗体MainView.xmal中给弹窗界面命名。6、在MainView.xmal.cs中注册消息。
12.WPF动画
博客
11-12 1380
WPF动画
WPF中的动画——（4）
de14141983的专栏
03-05 172
学习WPF的动画，非常值得一提的是关键帧动画。普通的动画实现的是从一个值到另一个值的线性内插（或者有限形式的非线性内插，归功于AccelerationRatio和DecelerationRatio）。而关键帧动画，指定了在指定的时间达到指定的值（由XXXKeyFrame的KeyTime、Value决定），因此，可以实现更加复杂的动画。 除了Fro...
WPF 实现加载等待状态
英雄主义
09-18 8380
1.方法一：
wpf编程宝典 csdn
07-16
WPF编程宝典主要分为几个部分，首先介绍了WPF框架与XAML语言的基础知识，包括界面布局、数据绑定和资源管理等内容。然后深入探讨WPF中的控件和自定义控件的创建及使用方法，以及动画、转换和样式的应用。此外，WPF...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值