Splash Window

[SAgiKPJH]

• Splash Window를 통해 DevExpress Loading창을 구현합니다.

[SAgiKPJH]

Code

public class SplashService : IDisposable
{
    private SplashScreenManager splashManager;
    private DXSplashScreenViewModel splashViewModel;
    private PredefinedSplashScreenType SplashScreenType { get; set; }

    #region public events
    public event EventHandler Starting;
    public event EventHandler Started;
    public event EventHandler Closing;
    public event EventHandler Closed;
    #endregion

    public SplashService(SplashScreenManager splashManager = null, DXSplashScreenViewModel splashViewModel = null, PredefinedSplashScreenType splashScreenType = PredefinedSplashScreenType.Fluent)
    {
        this.SplashScreenType = splashScreenType;
        this.splashViewModel = splashViewModel ?? SetDefaultViewModel();
        this.splashManager = splashManager ?? SetDefaultSplashScreenManager();
    }

    public DXSplashScreenViewModel SetDefaultViewModel()
    {
        bool isFluent = SplashScreenType.Equals(PredefinedSplashScreenType.Fluent);
        return new DXSplashScreenViewModel()
        {
            Logo = new Uri(String.Format(@"pack://application:,,,/DevExpress.Xpf.DemoBase.v{0};component/DemoLauncher/Images/Logo.svg", AssemblyInfo.VersionShort)),
            Status = "Starting...",
            Title = "Loading Screen",
            Subtitle = "Powered by Mirero",
            Copyright = AssemblyInfo.AssemblyCopyright + (AssemblyInfo.AssemblyCopyright.Contains("All rights reserved") ? "" : "\nAll rights reserved"),
            IsIndeterminate = true,
            Progress = 0
        };
    }
    public SplashScreenManager SetDefaultSplashScreenManager()
    {
        return SplashScreenType switch
        {
            PredefinedSplashScreenType.Fluent => SplashScreenManager.CreateFluent(splashViewModel, topmost: true),
            PredefinedSplashScreenType.Themed => SplashScreenManager.CreateThemed(splashViewModel, topmost: true),
            _ => SplashScreenManager.CreateWaitIndicator(splashViewModel, topmost: true),
        };
    }

    public async void Show(string status, int showDelay = 0, int minDuration = 500, WindowStartupLocation startupLocation = WindowStartupLocation.CenterOwner, bool trackOwnerPosition = true, InputBlockMode inputBlock = InputBlockMode.Window)
    {
        Starting?.Invoke(this, EventArgs.Empty);

        splashViewModel.Status = status;
        splashManager?.Show(showDelay, minDuration, null, startupLocation, trackOwnerPosition, inputBlock);

        Started?.Invoke(this, EventArgs.Empty);
    }

    public async void Close(int closeDelay = 0)
    {
        Closing?.Invoke(this, EventArgs.Empty);

        await Task.Delay(closeDelay);

        splashManager?.Close();

        Closed?.Invoke(this, EventArgs.Empty);
    }

    public void Dispose()
    {
        DisposeEventAsync(Starting);
        DisposeEventAsync(Started);
        DisposeEventAsync(Closing);
        DisposeEventAsync(Closed);
    }

    private void DisposeEventAsync(EventHandler eventHandler)
    {
        if (eventHandler != null)
            foreach (var handler in eventHandler.GetInvocationList())
                eventHandler -= (EventHandler)handler;
    }
}

[SAgiKPJH]

목적

화면 변경 중간에 대기화면 띄우기

필요한 동작

1. Show
2. Close

[SAgiKPJH]

사용법

1. View Show ~ Load 사이에 띄우기

splashService.Show("Please Wait...", minDuration:1000);

loginView.Loaded += (s, ev) => splashService.Close();
loginView.Show();

splashService.Show("Please Wait...");

mainView.IsVisibleChanged += (s, ev) => splashService.Close();
mainView.Show();

2. Splash 창 옵션

• 시작 대기 시간

  splashService.Show("Please Wait...", showDelay:1000); // 1초 뒤 Show

• 최소 종료 시간

  splashService.Show("Please Wait...", minDuration:1000);

  

  splashService.Show("Please Wait...", minDuration:2000);

  

• 특정 대기 시간 뒤 종료

  splashService.Close(closeDelay:1000); // 1초 뒤 Close

3. 창 종류 변경

splashService = new SplashService(splashScreenType:DevExpress.Xpf.Core.PredefinedSplashScreenType.Fluent);
splashService = new SplashService(splashScreenType:DevExpress.Xpf.Core.PredefinedSplashScreenType.WaitIndicator);
splashService = new SplashService(splashScreenType:DevExpress.Xpf.Core.PredefinedSplashScreenType.Themed);

• Fluent
  
• WaitIndicator
  
• Themed (DevExpress에서 말하길, 사용하지 않을 것을 권장)
  

SplashService 제공 Event

  public event EventHandler Starting;
  public event EventHandler Started;
  public event EventHandler Closing;
  public event EventHandler Closed;

Event 활용한 비동기 처리 가능

Custom Splash

• Custom Splash의 경우엔 별도의 View가 필요합니다.
  • Fluent에서의 제공하는 창의 색 변경은 별도의 View 없이 지정 가능합니다.
    
  • DevExpress에서 쉽게 Custom Splash 창 만들 수 있도록 제공해줍니다.
    
• 예
  
  

참고 사이트

• DevExpress Site : https://docs.devexpress.com/WPF/401690/controls-and-libraries/windows-and-utility-controls/splash-screen-manager/how-to-create-a-custom-splash-screen
• DevExpress Custom Splash : https://github.com/DevExpress-Examples/wpf-splash-screen-show-cancelable-wait-indicator