WPF C# Professional Modern Flat UI Tutorial

Payload · 952K views · 2021 · 36:44

Open on YouTube

UX & UI designSoftware architecture & designSoftware (other)tutorial

Why Stack Overflow recommends it

Stack Overflow users link it when asking how to style WPF RadioButtons, buttons and navigation menus, since many of their code samples come straight from this tutorial's approach.

Recommended by 2 people across 2 different months, 2021 to 2022.

What it is

A 36-minute screencast by the Payload channel that builds a flat, minimalist WPF desktop app UI in C# from scratch. It covers custom window chrome, styled RadioButton navigation menus and MVVM-style views, with source code available to download.

What people said

Recommends jd0x0021 · 2021-05 · Stack Overflow · on “How to change a radio button's foreground color when clicked?”

I use my ResourceDictionary to style my RadioButton : <Style x:Key="MenuButtonTheme" BasedOn="{StaticResource {x:Type ToggleButton}}" TargetType="{x:Type RadioButton}"> <Style.Setters> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="RadioButton"> <Grid Background="{TemplateBinding Background}"> <TextBlock Text="{TemplateBinding Property=Content}" VerticalAlignment="Center" Foreground="#7D8083" FontSize="14.59" FontWeight="Bold" FontFamily="/UiDesign/Fonts/#Nunito" Margin="12,0,0,0" /> </Grid> </ControlTemplate> </Setter.Value> </Setter> <Setter Property="Background" Value="Transparent" /> </Style.Setters> <Style.Triggers> <Trigger Property="IsChecked" Value="True"> <

Recommends It all makes cents · 2021-08 · Stack Overflow · on “Buttons looking old/weird on WPF by default”

You didn't show what it "should look like", but if you like: [LINK] You can do the following: MainWindow.xaml <Window x:Class="WpfModernButton.MainWindow" xmlns=" [LINK] " xmlns:x=" [LINK] " xmlns:d=" [LINK] " xmlns:mc=" [LINK] " xmlns:local="clr-namespace:WpfModernButton" mc:Ignorable="d" Title="MainWindow" Height="450" Width="800"> <Grid> <Grid.RowDefinitions> <RowDefinition/> <RowDefinition Height="100"/> <RowDefinition/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition/> <ColumnDefinition Width="200"/> <ColumnDefinition/> </Grid.ColumnDefinitions> <Button Grid.Row="1" Grid.Column="1" x:Name="button1" VerticalAlignment="Center" HorizontalAlignment="Center" Width="200" Hei

Cites It all makes cents · 2021-04 · Stack Overflow · on “WPF ContentControl binding of dynamic content does not works properly”

Try the following: Create the following folders: Model Theme View ViewModel [LINK] Add the files below to the appropriate folder (see image above). HeadButtonTheme.xaml (ResourceDictionary) <ResourceDictionary xmlns=" [LINK] " xmlns:x=" [LINK] "> <Style BasedOn="{StaticResource {x:Type ToggleButton}}" TargetType="{x:Type RadioButton}" x:Key="HeadButtonTheme"> <Style.Setters> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="RadioButton"> <Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Background="{TemplateBinding Background}"> <TextBlock Text="{TemplateBinding Property=Content}" VerticalAlignment="Center" Margin="5, 0, 0, 0"/> </Grid> </ControlTemplate>

Cites Maxime Michel · 2021-07 · Stack Overflow · on “WPF set ViewModel of View from DataTemplate”

I have been attempting to implement a Sudoku game within a WPF application I am making. I found the following site [LINK] that pretty much gave me the perfect starting point to try and add the sudoku to my app. There is however a major difference which I didn't think much of at first. The code from this site bases everything off a single Window, no UserControls at all, which in itself isn't an issue. However, my current implementation bases the whole content of the app on a ContentControl element. To skip useless details, here is my MainWindow.xaml file (with everything unrelated to the issue removed): <Window x:Class="BasicGameApp.MainWindow.MainWindow" xmlns=" [LINK] " xmlns:x=" [LINK] " x

Cites RiZzOu · 2022-04 · Stack Overflow · on “WPF Application App.xaml Not Finding View Models”

I'm creating a multi-page WPF application, which uses the MVVM model to navigate between pages. All views, models, and viewmodels are created and named accordingly, none of which should be overlapping. Upon building, App.xaml throws these errors: XDG0008 The name "AscentView" does not exist in the namespace "clr-namespace:Valorant_Lineup_Library.MVVM.View" XLS0414 The type 'view:AscentView' was not found. Verify that you are not missing an assembly reference and that all referenced assemblies have been built. The tag 'AscentView' does not exist in XML namespace 'clr-namespace:Valorant_Lineup_Library.MVVM.View'. Line 15 Position 18. Each class appears properly in those namespaces, and I can't

Cites Eduardo Rodrigues · 2022-04 · Stack Overflow · on “creating a RadioButton style with image by binding source”

C# (& WPF) noob here trying to learn by making I´m currently trying to make a GUI using WPF for a personal project based on this video [this video] <!-- Top bar and main window --> <Grid> <Grid.RowDefinitions> <RowDefinition Height="75"/> <RowDefinition Height="*"/> </Grid.RowDefinitions> <Grid> <!-- Top bar with close, maximize and minimize --> </Grid> <!-- Navigation panel and main view --> <Grid Grid.Row="1"> <Grid.ColumnDefinitions> <ColumnDefinition Width="200"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <!-- Navigation panel --> <StackPanel x:Name="navigation_panel"> <RadioButton Content="Menu" Style="{StaticResource MenuButtonTheme}"/> <!-- Adding more buttons to the menu -->