wpf 一个随意的Splash screen

最新推荐文章于 2023-08-17 17:25:11 发布
最新推荐文章于 2023-08-17 17:25:11 发布
阅读量1.6k 收藏 7
点赞数 1
文章标签： wpf microsoft .net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41440306/article/details/121367946
版权

原功能更丝滑奥 

主窗体:xmal

        说明:采用 WindowChrome 来达到无边框和透明的样式,其中重要的三个样式，ResizeMode="NoResize" ，Background="Transparent"，GlassFrameThickness="-1",当你采用无边框想要拖动的时候请设置CaptionHeight="30"，用来设置透明可拖动区域的高度(非常nice)

<Window x:Class="Ming_Splash_screen.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
       Height="600" Width="600"  WindowStartupLocation="CenterScreen" WindowStyle="None" ResizeMode="NoResize"  BorderThickness="0" Background="Transparent">
    <WindowChrome.WindowChrome>
        <WindowChrome GlassFrameThickness="-1" ResizeBorderThickness="4" CaptionHeight="30" CornerRadius="0" />
    </WindowChrome.WindowChrome>
    <Grid>
        <Border>
            <Border.Effect>
                <DropShadowEffect BlurRadius="32"/>
            </Border.Effect>
            <ContentControl x:Name="content" BorderThickness="0">

            </ContentControl>
        </Border>
    </Grid>
</Window>

主窗体:cs:
 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Ming_Splash_screen
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            content.Content = new UserControlScreen();
        }
    }
}


 

UserControl:xmal

<UserControl x:Class="Ming_Splash_screen.UserControlScreen"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800" Loaded="UserControl_Loaded"  Background="Transparent" >
    <Border Background="White" Name="main" CornerRadius="300" Width="500" Height="500">
        <Grid HorizontalAlignment="Center" VerticalAlignment="Center">
            <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
                <Border HorizontalAlignment="Center"  VerticalAlignment="Center" >
                    <Path Width="100" Height="100"  Fill="White"  HorizontalAlignment="Center" Name="logo" VerticalAlignment="Center" Stretch="Uniform">
                        <Path.Data>
                            <PathGeometry>
                                M519.999571 795.112265L239.614595 720.016289c-4.29977-1.099941-6.799636-5.499705-5.699694-9.799475l12.399336-46.397514c1.099941-4.29977 5.499705-6.799636 9.799474-5.699695l280.284982 75.095976c4.29977 1.099941 6.799636 5.499705 5.699694 9.799475l-12.399335 46.397514c-1.099941 4.29977-5.499705 6.89963-9.699481 5.699695z
                          M783.985426 960.003429H561.697337c-3.699802 0-5.399711-4.499759-2.699855-6.999625 10.199453-8.999518 20.798886-18.898987 31.698301-29.398424 80.595681-78.095815 131.892933-154.591716 152.591824-227.487811 12.399336-43.797653 11.399389-85.395424-2.99984-123.493382-11.399389-30.198382-31.098334-57.696908-58.496865-81.895612-0.399979-0.299984-0.799957-0.699962-1.199936-0.999947-53.397139-46.497508-75.795939-119.293608-57.496919-187.789937l40.997803-153.091797c4.599754-17.099084-5.5997-34.598146-22.598789-39.197899l-28.398478-7.599593c-2.099887-0.599968-3.399818-2.79985-2.79985-4.899738L619.994213 61.051599c1.099941-4.199775 1.699909-8.39955 1.699909-12.599325 0-21.398853-14.299234-40.997803-35.898076-46.797493-25.798618-6.89963-52.397192 8.39955-59.296823 34.298162l-9.69948 36.198061c-0.599968 2.099887-2.79985 3.399818-4.899738 2.79985L487.00134 68.351207c-17.099084-4.599754-34.598146 5.5997-39.1979 22.59879L330.309736 529.82648c-6.89963 25.698623-3.099834 53.097155 10.599432 75.995928l23.798724 39.997856c2.099887 3.599807 5.5997 6.199668 9.599486 7.299609l67.796367 18.199025c3.799796 0.999946 7.899577 0.599968 11.399389-1.199936l23.798725-12.099351c37.298001-18.998982 64.696533-52.897166 75.59595-93.295001 6.599646-24.698677 28.698462-39.397889 51.49724-39.397889 11.999357 0 24.198703 4.09978 34.498152 12.999303 0.299984 0.199989 0.499973 0.499973 0.799957 0.699963 44.097637 38.897916 57.896898 84.595467 42.197739 139.892504-35.198114 123.293393-175.99057 238.087242-224.487971 274.585286-5.5997 4.199775-12.299341 6.499652-19.298966 6.499652H240.014574c-8.799528 0-15.999143 7.199614-15.999143 15.999143v43.997642c0 2.199882 1.799904 3.999786 3.999786 3.999786h567.969566c2.199882 0 3.999786-1.799904 3.999786-3.999786v-43.997642c0-8.799528-7.199614-15.999143-15.999143-15.999143zM591.995714 496.028291c-17.699052 0-31.998285-14.299234-31.998286-31.998286s14.299234-31.998285 31.998286-31.998285 31.998285 14.299234 31.998285 31.998285-14.299234 31.998285-31.998285 31.998286z
                            </PathGeometry>
                        </Path.Data>
                    </Path>
                </Border>
                <TextBlock Name="word" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="20" FontWeight="Bold" FontFamily="Comic Sans MS" Foreground="White" Margin="0 10 0 0">Your Logo</TextBlock>
            </StackPanel>
            <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
                <Border HorizontalAlignment="Center" VerticalAlignment="Center"  >
                    <Path Width="100" Height="100"  Fill="Red"  Name="run" HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="Uniform">
                        <Path.Data>
                            <PathGeometry>
                                M377.173333 609.28s-49.493333 66.56-68.266666 78.506667c-18.773333 11.946667-23.893333 37.546667-29.013334 51.2-6.826667 13.653333-5.12 30.72-17.066666 32.426666-11.946667 1.706667-37.546667-10.24-51.2-20.48-13.653333-10.24-69.973333-13.653333-52.906667-54.613333 0 0 5.12-23.893333 35.84-1.706667 0 0 17.066667 3.413333 32.426667-5.12 0 0-5.12-30.72 11.946666-37.546666 17.066667-6.826667 46.08-49.493333 51.2-58.026667 6.826667-10.24-3.413333-17.066667 10.24-37.546667 13.653333-20.48 32.426667-44.373333 47.786667-58.026666 13.653333-13.653333 10.24-11.946667 66.56-58.026667 54.613333-46.08 46.08-49.493333 68.266667-58.026667 23.893333-8.533333 32.426667-29.013333 44.373333-35.84 10.24-6.826667 15.36-32.426667 25.6-40.96s10.24-56.32-5.12-69.973333c-15.36-13.653333-61.44-32.426667-59.733333-46.08 0 0-39.253333 5.12-34.133334-23.893333 0 0 11.946667-64.853333 20.48-69.973334 0 0 10.24-3.413333 18.773334-10.24 10.24-8.533333 10.24-8.533333 20.48-10.24 10.24-1.706667 20.48-6.826667 27.306666 1.706667 6.826667 8.533333 1.706667 8.533333 3.413334 17.066667 1.706667 10.24 17.066667 6.826667 1.706666 10.24-15.36 3.413333-6.826667 1.706667-6.826666 1.706666s5.12 10.24-3.413334 10.24l-11.946666 1.706667s-6.826667 3.413333-10.24 3.413333h-5.12s1.706667 11.946667 10.24 13.653334c10.24 1.706667 11.946667-1.706667 30.72-8.533334 18.773333-8.533333 20.48-17.066667 40.96-15.36 20.48 1.706667 59.733333 8.533333 69.973333 18.773334l-3.413333-35.84s-11.946667-34.133333 1.706666-34.133334c0 0-1.706667-58.026667 54.613334-49.493333 0 0 51.2 8.533333 32.426666 68.266667 0 0 1.706667 13.653333-11.946666 25.6l-10.24 30.72s30.72 20.48 54.613333 32.426666c23.893333 11.946667 25.6 10.24 37.546667 18.773334 11.946667 10.24 13.653333 13.653333 20.48 27.306666 6.826667 11.946667 32.426667 51.2 44.373333 64.853334 10.24 11.946667 18.773333 5.12 20.48 23.893333 1.706667 18.773333 8.533333 37.546667 10.24 47.786667 1.706667 10.24 6.826667 46.08 3.413333 54.613333 0 0 10.24 34.133333 0 46.08 0 0-11.946667 10.24-20.48 8.533333 0 0-3.413333-1.706667 8.533334-6.826666 0 0-32.426667-5.12-30.72-20.48 0-1.706667 0-3.413333 1.706666-5.12 0 0 6.826667-6.826667 10.24-1.706667 0 0 30.72-11.946667-1.706666-10.24v18.773333s-17.066667-35.84-3.413334-40.96c0 0 0-17.066667-5.12-29.013333 0 0-15.36-39.253333-15.36-49.493333 0 0-3.413333-15.36-22.186666-13.653334 0 0-54.613333-10.24-69.973334-13.653333 0 0-32.426667 81.92-49.493333 93.866667 0 0 11.946667 49.493333-23.893333 78.506666 0 0-37.546667 35.84-68.266667 30.72 0 0-25.6-10.24-37.546667-1.706666-11.946667 10.24-11.946667 18.773333-22.186666 18.773333-10.24 0-1.706667-15.36-10.24 0s-6.826667 18.773333-13.653334 29.013333c-8.533333 10.24-15.36-1.706667-8.533333 10.24 8.533333 10.24 0 15.36 0 15.36l-22.186667 10.24s-6.826667 37.546667-23.893333 42.666667c0 0-20.48 1.706667-30.72 10.24-1.706667-3.413333-42.666667 27.306667-78.506667-15.36z
                              M81.92 334.506667h80.213333V1024H81.92z
                            </PathGeometry>
                        </Path.Data>
                    </Path>
                </Border>

            </StackPanel>
        </Grid>
    </Border>
</UserControl>

UserControl:cs

        说明：主要用到了颜色动画,中心缩放动画,旋转动画以及最重要的缓动动画EasingFunctionBase

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Ming_Splash_screen
{
    /// <summary>
    /// UserControlScreen.xaml 的交互逻辑
    /// </summary>
    public partial class UserControlScreen : UserControl
    {
        public UserControlScreen()
        {
            InitializeComponent();
            word.Visibility = Visibility.Hidden;
            run.Visibility = Visibility.Hidden;
            logo.Visibility = Visibility.Hidden;
        }

        private void UserControl_Loaded(object sender, RoutedEventArgs e)
        {
            Task.Run(() =>
            {
                Task.Delay(100).Wait();
                this.Dispatcher.Invoke(() =>
                {
                    ScaleEasingAnimationShow(run, 5, 2, 1, TimeSpan.FromSeconds(0.5));
                    run.Visibility = Visibility.Visible;
                });
                Task.Delay(500).Wait();
                this.Dispatcher.Invoke(() =>
                {
                    ScaleEasingAnimationShow(run, 2, 1, 1, TimeSpan.FromSeconds(1));
                });
                Task.Delay(900).Wait();
                this.Dispatcher.Invoke(() =>
                {
                    ColorEasingAnimationShow(main, Colors.White, Colors.Red, TimeSpan.FromSeconds(0.2));
                    //main.Background = Brushes.Red;
                    ScaleEasingAnimationShow(logo, 5, 1, 1, TimeSpan.FromSeconds(1), new BackEase { EasingMode = EasingMode.EaseOut });
                    logo.Visibility = Visibility.Visible;
                    run.Visibility = Visibility.Collapsed;
                });
                Task.Delay(500).Wait();
                this.Dispatcher.Invoke(() =>
                {
                    ScaleEasingAnimationShow(word, 5, 1, 1, TimeSpan.FromSeconds(1));
                    word.Visibility = Visibility.Visible;
                });
                Task.Delay(2000).Wait();
                this.Dispatcher.Invoke(() =>
                {
                    //, new BackEase { EasingMode = EasingMode.EaseOut }
                    RoateEasingAnimationShow(logo, 360, 0, 1, TimeSpan.FromSeconds(1));
                    ScaleEasingAnimationShow(main, 1, 0, 1, TimeSpan.FromSeconds(1));
                });

            });
        }
        /// <summary>
        /// 控件绕中心缩放动画
        /// </summary>
        /// <param name="element">控件名</param>
        /// <param name="Sizefrom">开始大小</param>
        /// <param name="Sizeto">结束大小</param>
        /// <param name="power">过渡强度</param>
        /// <param name="time">持续时间，例如3秒： TimeSpan(0,0,3) </param>
        public void ScaleEasingAnimationShow(UIElement element, double Sizefrom, double Sizeto, int power, TimeSpan time, EasingFunctionBase easingFunctionBase = null)
        {
            ScaleTransform scale = new ScaleTransform();  //旋转

            element.RenderTransform = scale;
            //定义圆心位置
            element.RenderTransformOrigin = new System.Windows.Point(0.5, 0.5);
            //定义过渡动画,power为过度的强度
            //powerease,back,CubicEase不错
            if (easingFunctionBase == null)
            {
                easingFunctionBase = new PowerEase()
                {
                    EasingMode = EasingMode.EaseInOut,
                    //Power = power
                };
            }

            DoubleAnimation scaleAnimation = new DoubleAnimation()
            {
                From = Sizefrom,                                   //起始值
                To = Sizeto,
                //RepeatBehavior=RepeatBehavior.Forever,
                FillBehavior = FillBehavior.HoldEnd,//结束值
                Duration = time,
                DecelerationRatio = 1,
                EasingFunction = easingFunctionBase
                //动画播放时间
            };
            scale.BeginAnimation(ScaleTransform.ScaleXProperty, scaleAnimation);

            scale.BeginAnimation(ScaleTransform.ScaleYProperty, scaleAnimation);
        }
        public void ColorEasingAnimationShow(Border element, Color fromV, Color toV, TimeSpan time)
        {
            SolidColorBrush myBrush = new SolidColorBrush();

            ColorAnimation myColorAnimation = new ColorAnimation();
            myColorAnimation.From = fromV;
            myColorAnimation.To = toV;
            myColorAnimation.Duration = new Duration(time);
            myColorAnimation.EasingFunction = new PowerEase { EasingMode = EasingMode.EaseInOut };
            myBrush.BeginAnimation(SolidColorBrush.ColorProperty, myColorAnimation, HandoffBehavior.Compose);
            element.Background = myBrush;
        }
        public void RoateEasingAnimationShow(UIElement element, double Sizefrom, double Sizeto, int power, TimeSpan time, EasingFunctionBase easingFunctionBase = null)
        {
            RotateTransform scale = new RotateTransform();  //旋转
            element.RenderTransform = scale; element.RenderTransformOrigin = new System.Windows.Point(0.5, 0.5);
            //定义过渡动画,power为过度的强度
            //powerease,back,CubicEase不错
            if (easingFunctionBase == null)
            {
                easingFunctionBase = new PowerEase()
                {
                    EasingMode = EasingMode.EaseInOut,
                    //Power = power
                };
            }

            DoubleAnimation scaleAnimation = new DoubleAnimation()
            {
                RepeatBehavior = RepeatBehavior.Forever,
                From = Sizefrom,                                   //起始值
                To = Sizeto,
                //RepeatBehavior=RepeatBehavior.Forever,
                FillBehavior = FillBehavior.HoldEnd,//结束值
                Duration = time,
                DecelerationRatio = 1,
                EasingFunction = easingFunctionBase,

                //动画播放时间
            };
            scale.BeginAnimation(RotateTransform.AngleProperty, scaleAnimation);
        }
    }
}


客官有需要请食用

程序猿人大林
关注
WPF设置欢迎屏幕，程序启动过度动画
qq_44217121的博客
07-16 826
WPF设置欢迎屏幕，程序启动SplashScreen，自定义加载窗体
WPF_SplashTest
03-30
WPF线程里启动画面并等待，不与主线程竞争，Win8风格等待控件。欢迎下载
WPF如何为程序添加splashScreen（初始屏幕）
weixin_33835103的博客
06-24 223
一、考虑到大部分的splashscreen其实都只是一个图片，所以最简单的做法是，先导入一张图片，然后设置它的生成操作为“splash screen”   二、通过程序设置SplashScreen public partial class App : Application { protected override void OnStartup(StartupEventA...
WPF添加程序启动页SplashScreen
lotus1222的博客
07-21 627
WPF添加SplashScreen
WPF显示初始界面--SplashScreen
GeGe&YoYo的博客
08-17 1840
WPF应用程序的运行速度快，但并不能在瞬间启动。当第一次启动应用程序时，会有一些延迟，因为公共语言运行时（CLR）首先需要初始化.NET环境，然后启动应用程序。对于WPF中大型程序启动时需要较长时间加载底层控件而产生的空隙可以由加载界面来填充，以此减少软件空白期，增加交互体验。
WPF 初始屏幕-SplashScreen
technologyleader的专栏
11-29 968
添加现有图像作为初始屏幕 创建或查找要用于初始屏幕的图像。 可以使用 Windows 图像处理组件 (WIC) 支持的任何图像格式。 例如，可以使用 BMP、GIF、JPEG、PNG 或 TIFF 格式。 将图像文件添加到 WPF 应用程序项目。 在解决方案资源管理器中选择该图像。 在“属性”窗口中，单击“生成操作”属性的下拉箭头。 从下拉列表中选择“SplashScreen”。 按 F5 生成并运行应用程序。 初始屏幕图像显示在屏幕中间，当主应用程序窗口显示时，该图像将淡出 ...
dotnet 读 WPF 源代码笔记 启动欢迎界面 SplashScreen 的原理.rar
06-03
创建SplashScreen的第一步是设计一个独立的WPF窗口。这可以通过Visual Studio的XAML编辑器完成，定义UI元素如图片、文本和进度条等。然后，设置窗口的大小、位置以及是否允许用户交互等属性。例如： ```xml ...
dotnet 读 WPF 源代码笔记 启动欢迎界面 SplashScreen 的原理
lindexi
12-21 844
本文是我在读 WPF 源代码做的笔记。在 WPF 中的启动界面，为了能让 WPF 的启动界面显示足够快，需要在应用的 WPF 主机还没有启动完成之前就显示出启动图，此时的启动图需要自己解析图片同时也需要自己创建显示窗口 从 WPF 的 src\Microsoft.DotNet.Wpf\src\WindowsBase\System\Windows\SplashScreen.cs 文件可以看到 ...
DevExpress之SplashScreen用法实例
09-04
在C#代码中，我们看到一个名为`SplashScreenToolV3`的静态类，这个类提供了一些静态方法来操作SplashScreen。这些方法包括： 1. `ShowSplashScreen(Type type)`: 这个方法用于显示SplashScreen。参数`type`是等待...
WPF中splashscreen图片尺寸怎么调整
最新发布
09-30
1. 首先，你需要有一个合适的SplashScreen.xaml文件，其中包含了一个`Image`元素用于显示图片。例如： ```xml <Window x:Class="YourNamespace.SplashScreen" xmlns=...
Demo--启动窗体SplashWindow
12-08
两个Demo教你如何在应用程序初始化的时候显示一个启动窗体，也就是加载界面。一个是利用ApplicationContext，一个是利用多线程实现。
C#实现SplashScreen
11-12
C#实现SplashScreen,不同于VB.NET，需要在MAIN中控制加载界面的顺序。
WPF启动动画demo
01-18
1. **SplashScreen**: WPF提供了一个名为`SplashScreen`的类，它允许开发者创建一个单独的窗口作为启动画面。这个窗口通常包含一个动态加载的图片或者更复杂的UI元素，如文本、进度条等。通过设置`SplashScreen`类的...
wpf 一个随意的Splash screen(2) (我觉得好看的动画)
weixin_41440306的博客
11-20 798
根据上一篇文章的动画
WPF界面开发必看功能——Splash Screen Manager
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
07-21 1426
下载DevExpress v20.1完整版 DevExpress文档控件公开课第一弹报名通道开启，40分钟教你入门（Spreadsheet）控件！ 通过DevExpress WPF Controls，您能创建有着强大互动功能的XAML基础应用程序，这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。 启动屏幕是在长时间的启动操作过程中改善应用程序用户体验的有效方法。创建有效的启动画面可能很棘手，必须同时解决两个相互竞争的目标： 启动屏幕需要在视觉上具有吸引力。 启动画面应.
WPF中splashScreen启动程序之前出现一个过程动画的效果
weixin_30819163的博客
02-05 509
启动windows桌面程序之前在等待主程序运行起来之前一般会设计一个等待的动画，如果主程序起来了这个过场动画就会消失wfp提供这个小巧而又比较有用的功能splashscreen类一般来说有两种实现方式1.借助vs2008工具可以实现第一步选择一个合适的图片bmp，jpg，gif都可以。添加到你的vs项目中。第二步右键这个图片文件选择“属性”，第三步 点击属性中的“生成操作”下拉框选择“spl...
关于WPF程序添加启动界面--splashscreen
Blue
03-08 2031
关于WPF程序添加启动界面--splashscreen
WinForm(WPF) splash screen demo with C#
weixin_34163741的博客
06-13 115
https://www.codeproject.com/Articles/21062/Splash-Screen-Control https://www.codeproject.com/Articles/38291/Implement-Splash-Screen-with-WPF https://www.codeproject.com/Articles/6511/Transparent-Spl...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值