SamsungUi.Wpf 1.0.1

Samsung One UI for WPF

📸 Screenshots

Light Mode	Dark Mode

Other App Pages:

🇬🇧 English

📖 About this project

📚 View the Component Documentation (Wiki)

Bring the clean, rounded aesthetics of Samsung devices directly to your Windows desktop applications. This library provides a comprehensive set of custom controls for WPF, designed to mimic the fluid animations, dynamic theming, and modern feel of Samsung's One UI.

✨ Key Features

• Plug & Play: Fully compliant with MVVM. Just drop the components in your XAML.
• Fluid Animations: Smooth transitions and micro-interactions typical of One UI.
• Dynamic Theming: Easily switch between Light and Dark mode using the built-in ThemeManager.
• Rich Components: Cards, Buttons, Calendar with dot-indicators, Animated Bar Charts, and more.

⚙️ Compatibility

🚀 Getting Started

Step 1: Installation

(Soon available on NuGet) For now, clone this repository and add a ProjectReference to the SamsungUi library in your Visual Studio solution.

Step 2: Setup Resources (App.xaml)

Open your App.xaml and include the unified control dictionary along with your preferred starting color scheme.

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            
            <ResourceDictionary Source="pack://application:,,,/SamsungUi;component/Themes/ColorsLight.xaml"/>
            
            <ResourceDictionary Source="pack://application:,,,/SamsungUi;component/Themes/Generic.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

Step 3: Your First Component

Add the xmlns:sui namespace to your Window and start using the components!

<Window x:Class="MyApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:sui="clr-namespace:SamsungUi.Controls;assembly=SamsungUi"
        Title="My One UI App" Height="450" Width="800">
        
    <Grid Background="{DynamicResource OneUiBackgroundBrush}">
        <sui:SamsungButton Content="Click Me!" Variant="Primary" HorizontalAlignment="Center" VerticalAlignment="Center" />
    </Grid>
</Window>

Step 4: Changing Themes at Runtime

You can easily switch the application theme at runtime:

using SamsungUi.Appearance;

// Switch to Dark Mode
ThemeManager.ApplyTheme(ThemeType.Dark);

🧩 Components Status

For the full list of components, check the Wiki.

🇮🇹 Italiano

📖 Il progetto

📚 Visualizza la Documentazione dei Componenti (Wiki)

Porta l'estetica pulita e tondeggiante dei dispositivi Samsung direttamente sulle tue applicazioni desktop Windows. Questa libreria fornisce un set completo di controlli personalizzati per WPF, progettati per replicare le animazioni fluide, i temi dinamici e il feeling moderno della One UI di Samsung.

✨ Funzionalità Chiave

• Plug & Play: Piena compatibilità con MVVM. Trascina e usa i componenti nel tuo XAML.
• Animazioni Fluide: Transizioni morbide e micro-interazioni tipiche di One UI.
• Temi Dinamici: Passa facilmente dalla modalità Chiara a Scura usando il ThemeManager integrato.
• Componenti Ricchi: Card, Pulsanti, Calendario con indicatori, Grafici a barre animati e altro ancora.

⚙️ Compatibilità

🚀 Getting Started (Guida Rapida)

Step 1: Installazione

(Presto disponibile su NuGet) Per ora, clona questa repository e aggiungi una ProjectReference alla libreria SamsungUi nella tua soluzione Visual Studio.

Step 2: Setup Risorse (App.xaml)

Apri il file App.xaml e includi il dizionario dei controlli unificato insieme alla combinazione di colori preferita.

<Application.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            
            <ResourceDictionary Source="pack://application:,,,/SamsungUi;component/Themes/ColorsLight.xaml"/>
            
            <ResourceDictionary Source="pack://application:,,,/SamsungUi;component/Themes/Generic.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</Application.Resources>

Step 3: Il tuo primo componente

Aggiungi il namespace xmlns:sui alla tua Window e inizia a usare i componenti!

<Window x:Class="MyApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:sui="clr-namespace:SamsungUi.Controls;assembly=SamsungUi"
        Title="La mia App One UI" Height="450" Width="800">
        
    <Grid Background="{DynamicResource OneUiBackgroundBrush}">
        <sui:SamsungButton Content="Cliccami!" Variant="Primary" HorizontalAlignment="Center" VerticalAlignment="Center" />
    </Grid>
</Window>

Step 4: Cambiare tema a runtime

Puoi cambiare il tema dell'applicazione dinamicamente:

using SamsungUi.Appearance;

// Passa alla modalità Scura
ThemeManager.ApplyTheme(ThemeType.Dark);

Samsung One UI for WPF - Created by Violet Miller.