WPF-UI.Violeta 3.0.5.7

WPF UI Violeta

WPF UI Violeta is based on WPF UI, and provides the Fluent experience in your known and loved WPF framework. Some new immersive controls like Toast, Flyout, ContentDialog, MessageBox and etc.

Some idea or codes are ported from ModernWpf and Fischless.

When I decided to create this project I was listening to the song Violeta.

🚀 Getting started

Similar to WPF UI.

<Application
    xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml"
    xmlns:vio="http://schemas.lepo.co/wpfui/2022/xaml/violeta">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ui:ThemesDictionary Theme="Dark" />
                <ui:ControlsDictionary />
                <vio:ControlsDictionary />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

👋Examples

Wpf.Ui.Test

• Toast

  Toast is an independent popup notification that automatically disappears after a specified time.

  Toast.Information("I am information message");
  Toast.Error("I am error message");
  Toast.Success("I am success message");
  Toast.Warning("I am warning message");
  Toast.Show(owner: null!, "I am any message",  new ToastConfig());
  

• Flyout

  The FlyoutService enables you to attach Flyout menus or tooltips to various controls such as Button, providing a flexible and intuitive way to display additional content or options.

  <ui:Button Content="Show Flyout">
      <ui:FlyoutService.Flyout>
          <ui:Flyout Placement="Bottom">
              <StackPanel>
                  <TextBlock
                      HorizontalAlignment="Left"
                      Text="Show the flyout message here" />
                   <Button
                     Command="{Binding GotItCommand}"
                     Content="Got it" />
              </StackPanel>
          </ui:Flyout>
      </ui:FlyoutService.Flyout>
  </ui:Button>
  

• ContentDialog

  The ContentDialogHostService simplifies the creation and management of ContentDialog instances in your application.

  ContentDialog dialog = new()
  {
      Title = "My sample dialog",
      Content = "Content of the dialog",
      CloseButtonText = "Close button",
      PrimaryButtonText = "Primary button",
      SecondaryButtonText = "Secondary button"
  };
  
  // Setting the dialog container
  dialog.DialogHost = ContentDialogHostService.ContentPresenterForDialogs;
  
  // Showing the dialog
  await dialog.ShowAsync(CancellationToken.None);
  

• MessageBox

  To utilize Win32's classic MessageBox methods while supporting modern UI themes like Mica and dark mode.

  using MessageBox = Wpf.Ui.Violeta.Controls.MessageBox;
  
  // Sync methods
  _ = MessageBox.Information("This is a information message");
  _ = MessageBox.Warning("This is a warning message");
  _ = MessageBox.Error("This is a error message");
  MessageBoxResult result =  MessageBox.Question("This is a question and do you want to click OK?");
  
  // Async methods
  _ = await MessageBox.InformationAsync("This is a information message");
  _ = await MessageBox.WarningAsync("This is a warning message");
  _ = await MessageBox.ErrorAsync("This is a error message");
  MessageBoxResult result = await MessageBox.QuestionAsync("This is a question and do you want to click OK?");
  

• ToggleButtonGroup

  Turn the ToggleButton under the same Group into a radio button.

  <StackPanel Orientation="Horizontal">
      <StackPanel.Resources>
          <vio:ToggleButtonGroup x:Key="ToggleButtonGroup" />
      </StackPanel.Resources>
      <ToggleButton
          vio:ToggleButtonGroup.Group="{DynamicResource ToggleButtonGroup}"
          Content="1st"
          IsChecked="True" />
      <ToggleButton
          vio:ToggleButtonGroup.Group="{DynamicResource ToggleButtonGroup}"
          Content="2nd" />
  </StackPanel>
  

• Splash

  Show the Splash Screen in another UI thread.

  public App()
  {
      Splash.ShowAsync("pack://application:,,,/Wpf.Ui.Test;component/wpfui.png");
      InitializeComponent();
  }
  
  public MainWindow()
  {
      InitializeComponent();
      Splash.CloseOnLoaded(this, minimumMilliseconds: 1800);
  }
  

📷 Screenshots

Under construction

Thanks

• 🔗 WPF-UI
• 🔗 Fischless
• 🔗 ModernWpf