WPFDevelopers

https://github.com/wpfdevelopersorg/wpfdevelopers
Admin
WPFDevelopers is a UI library for WPF developers, providing custom and advanced controls to help...
Tokens:23,672
Snippets:197
Trust Score:8.8
License:MIT
Update:2 months ago
Show doc for...
Tokens:
Raw
### Information Dialog Example

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/en/getting-started.md

Displays an information dialog with custom button radius.

```csharp
// File deleted successfully, with rounded buttons
MessageBox.Show("File deleted successfully.", "Message", MessageBoxButton.OK, MessageBoxImage.Information, buttonRadius: 4);
```

--------------------------------

### Install WPFDevelopers via NuGet

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/Home

Use the Package Manager Console to add the WPFDevelopers library to your project.

```xml
Install-Package WPFDevelopers
```

--------------------------------

### WPFDevelopers Sample Project Directory Structure

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/en/getting-started.md

The project is organized into logical folders for views, viewmodels, models, and helper controls. Use this structure to locate specific control examples and their corresponding XAML/C# files.

```text
src/WPFDevelopers.Samples.Shared/
├── App.xaml                              # App entry point & theme config
├── ExampleViews/                         # Full control example pages
│   ├── MainWindow.xaml                   # Main window (left menu + right content)
│   ├── UsageGuide.xaml                   # Usage guide page
│   ├── UsageColor.xaml                   # Color usage guide
│   ├── Basics/                           # Basic control examples (23 individual pages)
│   │   ├── ThemeExample.xaml
│   │   ├── MenuExample.xaml
│   │   ├── WindowBasicExample.xaml
│   │   ├── LoadingBasicExample.xaml
│   │   ├── ButtonExample.xaml
│   │   ├── RadioButtonExample.xaml
│   │   ├── CheckboxExample.xaml
│   │   ├── TextBoxExample.xaml
│   │   ├── PasswordBoxExample.xaml
│   │   ├── ComboBoxExample.xaml
│   │   ├── ToggleButtonExample.xaml
│   │   ├── DatePickerExample.xaml
│   │   ├── DateTimePickerExample.xaml
│   │   ├── CalendarExample.xaml
│   │   ├── SliderExample.xaml
│   │   ├── ProgressBarExample.xaml
│   │   ├── DataGridExample.xaml
│   │   ├── ListBoxExample.xaml
│   │   ├── ListViewExample.xaml
│   │   ├── TreeViewExample.xaml
│   │   ├── ExpanderExample.xaml
│   │   ├── GroupBoxExample.xaml
│   │   └── TabControlExample.xaml
│   ├── Loading/                          # Loading animation series
│   │   ├── BallLoadingExample.xaml
│   │   ├── RingLoadingExample.xaml
│   │   ├── StreamerLoadingExample.xaml
│   │   ├── WaitLoadingExample.xaml
│   │   ├── CycleLoadingExample.xaml
│   │   └── RollLoadingExample.xaml
│   ├── DrawerMenu/                       # Drawer menu sub-pages
│   │   ├── HomePage.xaml
│   │   ├── EmailPage.xaml
│   │   └── EdgePage.xaml
│   ├── NavScrollPanel/                   # Nav settings panel sub-pages
│   │   ├── About.xaml
│   │   ├── PrivacySettings.xaml
│   │   ├── PlaybackSettings.xaml
│   │   ├── ShortcutKeys.xaml
│   │   └── DesktopLyrics.xaml
│   ├── LoginWindow/                      # Login window template
│   │   ├── CustomControl/
│   │   ├── CustomStyle/
│   │   └── LoginExample.xaml
│   ├── CropAvatar/                       # Avatar cropping
│   │   ├── CropAvatarExample.xaml
│   │   └── CropAvatarWindow.xaml
│   ├── NumberCard/                       # Countdown cards
│   │   ├── NumberCardExample.xaml
│   │   └── NumberCardControl.xaml
│   ├── SpeedRockets/                     # Rocket animation
│   │   ├── SpeedRocketsExample.xaml
│   │   └── SpeedRocketsMini.xaml
│   ├── ZooSemy/                          # Skeuomorphic knob
│   │   ├── ZooSemyExample.xaml
│   │   └── VolumeControl.xaml
│   ├── CanvasHandWriting/                # Handwriting
│   │   └── CanvasHandWritingExample.xaml
│   ├── Desktop/                          # Desktop wallpaper
│   │   ├── DesktopBackground.xaml
│   │   └── DesktopPlayVideo.xaml
│   ├── Passwrod/                         # Password controls
│   │   ├── PasswordExample.xaml
│   │   └── PasswordWithPlainText.xaml
│   ├── Map/                              # Map
│   │   └── BingAMapExample.xaml
│   ├── DrapView/                         # Drag view
│   │   └── DrapViewExample.xaml
│   └── ... (more example files)
├── Controls/                             # Sample helper controls (CodeViewer, NavigateMenu, etc.)
├── ViewModels/                           # Sample ViewModels
├── Models/                           # Data models
├── Helpers/MenuEnum.cs                   # All example category enum
└── Converts/                             # Value converters
```

--------------------------------

### Implement WPFDevelopers Control

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

Example of integrating a control within a Window using the defined namespace.

```xml
<Window x:Class="YourApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:wd="https://github.com/WPFDevelopersOrg/WPFDevelopers"
        Title="My App" Width="800" Height="600">
    <Grid>
        <wd:BallLoading Width="100" IsLoading="True" />
    </Grid>
</Window>
```

--------------------------------

### Warning Dialog Example

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/en/getting-started.md

Displays a warning dialog using default button settings.

```csharp
// Uses default OK button
MessageBox.Show("Performing this action may cause the file to become inaccessible!", "Warning", MessageBoxImage.Warning);
```

--------------------------------

### ProgressBar XAML Configuration

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

ProgressBar examples including striped styling and indeterminate mode.

```xml
    <WrapPanel Margin="0,10">
          <ProgressBar Width="200" Value="50"/>
          <ProgressBar Width="200" Margin="10,0"  Value="80" wd:ElementHelper.IsStripe="True"/>
          <ProgressBar Width="200" Margin="10,0" IsIndeterminate="True" Value="10"/>  
    </WrapPanel>
```

--------------------------------

### Implement TextBoxes with Watermarks

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Examples of using the ElementHelper to add watermarks to TextBox controls.

```xml
<TextBox Margin="10,0" 
         wd:ElementHelper.Watermark="TextBox"/>
```

```xml
    <WrapPanel Margin="0,10">
         <TextBox />
         <TextBox Margin="10,0" 
         wd:ElementHelper.IsWatermark="True" 
         wd:ElementHelper.Watermark="请输入内容"/>
    </WrapPanel>
```

--------------------------------

### Error Dialog Example

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/en/getting-started.md

Displays a standard error dialog.

```csharp
MessageBox.Show("The file does not exist.", "Error", MessageBoxImage.Error);
```

--------------------------------

### Direct Control Usage Patterns

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/en/getting-started.md

Examples of various direct controls provided by the library, including animations, navigation, and data visualization components.

```xml
<!-- Loading animation -->
<wd:BallLoading Width="100" IsLoading="{Binding IsLoading}" />

<!-- Drawer panel -->
<wd:Drawer x:Name="DrawerTop" Position="Top">
    <wd:Drawer.Header><TextBlock Text="Title" FontSize="16" /></wd:Drawer.Header>
    <wd:Drawer.Content><TextBlock Text="Content" /></wd:Drawer.Content>
</wd:Drawer>

<!-- Multi-select ComboBox -->
<wd:MultiSelectComboBox ItemsSource="{Binding Items}" ShowType="Tag">
    <wd:MultiSelectComboBoxItem Content="Option 1" />
    <wd:MultiSelectComboBoxItem Content="Option 2" />
</wd:MultiSelectComboBox>

<!-- Step wizard -->
<wd:Step StepIndex="1">
    <wd:StepItem Content="Step 1" />
    <wd:StepItem Content="Step 2" />
    <wd:StepItem Content="Step 3" />
</wd:Step>

<!-- Carousel -->
<wd:Carousel ItemsSource="{Binding CarouselItems}" />

<!-- Radar chart -->
<wd:ChartRadar Datas="{Binding RadarDatas}" />

<!-- Bar chart -->
<wd:ChartBar Datas="{Binding BarDatas}" />

<!-- Line chart -->
<wd:ChartLine Datas="{Binding LineDatas}" />

<!-- Pie chart (LiveCharts-style) -->
<wd:ChartPie Datas="{Binding PieDatas}" />

<!-- Dashboard gauge (NuGet version) -->
<wd:Gauge Value="75" MaxValue="100" />

<!-- Circular progress bar -->
<wd:CircleProgressBar Value="75" />
```

--------------------------------

### Display MessageBox variants

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Examples of showing different types of message boxes with various icons and buttons.

```C#
MessageBox.Show("文件删除成功。", "消息", MessageBoxButton.OK, MessageBoxImage.Information);
MessageBox.Show("当前文件不存在！", "警告", MessageBoxImage.Warning);
MessageBox.Show("当前文件不存在。", "错误", MessageBoxImage.Error);
MessageBox.Show("当前文件不存在,是否继续?", "询问", MessageBoxButton.OKCancel, MessageBoxImage.Question);
```

--------------------------------

### Configure App.xaml Resources

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/Home

Register the theme and resource dictionary in App.xaml. Ensure wd:Resources is placed after the Theme.xaml dictionary.

```xml
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                     <ResourceDictionary Source="pack://application:,,,/WPFDevelopers;component/Themes/Theme.xaml" />
 			<!--  需要注意 wd:Resources 必须在Theme.xaml后  -->
 			<!--  默认情况下，Theme 会跟随系统主题（适用于 Windows 10 及以上版本），自动切换为 Light 或 Dark 模式。
                              若要手动设置为 Light 模式，可以使用 Theme="Light"。
                              你还可以自定义主题色，使用 Color="Fuchsia"（例如设置为 Fuchsia）-->
 		     <wd:Resources />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
```

--------------------------------

### 配置 App.xaml 主题资源

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

在 App.xaml 中引入命名空间并配置资源字典，确保 Theme.xaml 在 wd:Resources 之前加载。

```xml
<Application x:Class="YourApp.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:wd="https://github.com/WPFDevelopersOrg/WPFDevelopers"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <!-- 1. 必须先引入主题 -->
                <ResourceDictionary Source="pack://application:,,,/WPFDevelopers;component/Themes/Theme.xaml" />
                <!-- 2. wd:Resources 必须在 Theme.xaml 之后 -->
                <wd:Resources Radius="4" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>
```

--------------------------------

### 配置 App.xaml 资源

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/README-zh.md

在 App.xaml 中引入命名空间并配置 ResourceDictionary，确保 wd:Resources 位于 Theme.xaml 之后。

```xml
xmlns:wd="https://github.com/WPFDevelopersOrg/WPFDevelopers"
```

```xml
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                     <ResourceDictionary Source="pack://application:,,,/WPFDevelopers;component/Themes/Theme.xaml" />
 			<!--  需要注意 wd:Resources 必须在Theme.xaml后  -->
 			<!--
    			默认情况下，Theme 为 Light（适用于 Windows 10 及以上版本），
   				并会自动根据系统主题切换 Light 或 Dark 模式。
   				若设置为 Default，则会跟随系统主题。
   			-->

		    <!--
   				如需手动指定为 Light 模式，可使用 Theme="Light"。
   				您还可以通过 Color 属性自定义主题色，例如设置为 Color="Fuchsia"。
		    -->

		    <!--
   				此外，通过 Radius 属性可控制控件的圆角大小（Windows 11 默认为 4），
   				您可以根据需要调整该值，例如设置为 Radius="4" 以获得更大的圆角。
			 -->
				<wd:Resources Radius="4" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
```

--------------------------------

### Implement Buttons with Styles

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Demonstrates various button styles including default, success, warning, and danger variants with enabled and disabled states.

```xml
<TextBlock Text="Button" FontSize="20" Margin="0,20,0,0"/>
                    <WrapPanel Margin="0,10">
                        <Button Content="Default"/>
                        <Button Content="Default" Margin="10,0" IsEnabled="False"/>
                        <Button Content="Default" Style="{DynamicResource WD.PrimaryButton}"/>
                        <Button Content="Default" Style="{DynamicResource WD.PrimaryButton}" Margin="10,0" IsEnabled="False"/>
                    </WrapPanel>
                    <WrapPanel Margin="0,10">
                        <Button Content="Success" Style="{DynamicResource WD.SuccessDefaultButton}"/>
                        <Button Content="Success" Margin="10,0" IsEnabled="False" Style="{DynamicResource WD.SuccessDefaultButton}"/>
                        <Button Content="Success" Style="{DynamicResource WD.SuccessPrimaryButton}"/>
                        <Button Content="Success" Style="{DynamicResource WD.SuccessPrimaryButton}" Margin="10,0" IsEnabled="False"/>
                    </WrapPanel>
                    <WrapPanel Margin="0,10">
                        <Button Content="Warning" Style="{DynamicResource WD.WarningDefaultButton}"/>
                        <Button Content="Warning" Margin="10,0" IsEnabled="False" Style="{DynamicResource WD.WarningDefaultButton}"/>
                        <Button Content="Warning" Style="{DynamicResource WD.WarningPrimaryButton}"/>
                        <Button Content="Warning" Style="{DynamicResource WD.WarningPrimaryButton}" Margin="10,0" IsEnabled="False"/>
                    </WrapPanel>
                    <WrapPanel Margin="0,10">
                        <Button Content="Danger" Style="{DynamicResource WD.DangerDefaultButton}"/>
                        <Button Content="Danger" Margin="10,0" IsEnabled="False" Style="{DynamicResource WD.DangerDefaultButton}"/>
                        <Button Content="Danger" Style="{DynamicResource WD.DangerPrimaryButton}"/>
                        <Button Content="Danger" Style="{DynamicResource WD.DangerPrimaryButton}" Margin="10,0" IsEnabled="False"/>
                    </WrapPanel>
```

--------------------------------

### 确认对话框及返回值处理

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

通过 switch 语句处理用户在确认对话框中的选择。

```csharp
var result = MessageBox.Show("当前文件不存在，是否继续？", "询问", MessageBoxButton.YesNoCancel, MessageBoxImage.Question);

switch (result)
{
    case MessageBoxResult.Yes:
        // 用户点击"是"
        break;
    case MessageBoxResult.No:
        // 用户点击"否"
        break;
    case MessageBoxResult.Cancel:
        // 用户点击"取消"或关闭
        break;
}
```

--------------------------------

### Implement TabControl with various placements

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Demonstrates TabControl usage with different TabStripPlacement settings inside a UniformGrid.

```xml
<UniformGrid Columns="2" Rows="2" Margin="0,10">
    <UniformGrid.Resources>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Width" Value="{x:Static SystemParameters.PrimaryScreenWidth}"/>
            <Setter Property="Height" Value="400"/>
        </Style>
    </UniformGrid.Resources>
    <TabControl>
        <TabItem Header="TabItem1">
            <Rectangle Fill="{DynamicResource DangerSolidColorBrush}"/>
        </TabItem>
        <TabItem Header="TabItem2">
            <Rectangle Fill="{DynamicResource InfoSolidColorBrush}"/>
        </TabItem>
        <TabItem Header="TabItem3" >
            <Rectangle Fill="{DynamicResource WarningSolidColorBrush}"/>
        </TabItem>
    </TabControl>
    <TabControl TabStripPlacement="Bottom">
        <TabItem Header="TabItem1">
            <Rectangle Fill="{DynamicResource InfoSolidColorBrush}"/>
        </TabItem>
        <TabItem Header="TabItem2">
            <Rectangle Fill="{DynamicResource DangerSolidColorBrush}"/>
        </TabItem>
        <TabItem Header="TabItem3" >
            <Rectangle Fill="{DynamicResource WarningSolidColorBrush}"/>
        </TabItem>
    </TabControl>
    <TabControl TabStripPlacement="Left">
        <TabItem Header="TabItem1">
            <Rectangle Fill="{DynamicResource WarningSolidColorBrush}"/>
        </TabItem>
        <TabItem Header="TabItem2">
            <Rectangle Fill="{DynamicResource InfoSolidColorBrush}"/>
        </TabItem>
        <TabItem Header="TabItem3" >
            <Rectangle Fill="{DynamicResource DangerSolidColorBrush}"/>
        </TabItem>
    </TabControl>
    <TabControl TabStripPlacement="Right" IsEnabled="False">
        <TabItem Header="TabItem1">
            <Rectangle Fill="{DynamicResource SuccessSolidColorBrush}"/>
        </TabItem>
        <TabItem Header="TabItem2">
            <Rectangle Fill="{DynamicResource InfoSolidColorBrush}"/>
        </TabItem>
        <TabItem Header="TabItem3" >
            <Rectangle Fill="{DynamicResource WarningSolidColorBrush}"/>
        </TabItem>
    </TabControl>
</UniformGrid>
```

--------------------------------

### Use Static Resource Styles

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/en/getting-started.md

Apply pre-defined styles to standard buttons to achieve consistent theming.

```xml
<!-- Normal button -->
<Button Style="{StaticResource WD.NormalButton}" Content="Normal" />

<!-- Primary buttons (various themes) -->
<Button Style="{StaticResource WD.PrimaryButton}" Content="Primary" />
<Button Style="{StaticResource WD.SuccessPrimaryButton}" Content="Success" />
<Button Style="{StaticResource WD.WarningPrimaryButton}" Content="Warning" />
<Button Style="{StaticResource WD.DangerPrimaryButton}" Content="Danger" />

<!-- Default buttons (various themes) -->
<Button Style="{StaticResource WD.SuccessDefaultButton}" Content="Success" />
<Button Style="{StaticResource WD.WarningDefaultButton}" Content="Warning" />
<Button Style="{StaticResource WD.DangerDefaultButton}" Content="Danger" />
```

--------------------------------

### Implement GridSplitter for resizable columns

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Shows how to use a GridSplitter to allow users to resize columns within a Grid.

```xml
<Grid Margin="0,10">
      <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
         <Rectangle Fill="AliceBlue" Grid.Column="0"/>
          <GridSplitter Grid.Column="1"
              HorizontalAlignment="Center"
              VerticalAlignment="Stretch"
              ShowsPreview="True"
              Width="5"
              />
         <Rectangle Fill="Pink" Grid.Column="2"/>
 </Grid>
```

--------------------------------

### Implement PasswordBoxes

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Demonstrates PasswordBox with watermark support and monitoring enabled, including C# password assignment.

```xml
    <WrapPanel Margin="0,10">
          <PasswordBox Margin="10,0" wd:ElementHelper.Watermark="PasswordBox"/>
          <PasswordBox x:Name="myPasswordBox"
                       wd:PasswordBoxHelper.IsMonitoring="True" 
                       Margin="10,0"
                       wd:ElementHelper.Watermark="PasswordBox"/>
    </WrapPanel>
```

```xml
    <WrapPanel Margin="0,10">
          <PasswordBox />
          <PasswordBox Margin="10,0" wd:ElementHelper.Watermark="请输入密码"/>
          <PasswordBox x:Name="myPasswordBox"
                       wd:PasswordBoxHelper.IsMonitoring="True" 
                       Margin="10,0" 
                       wd:ElementHelper.Watermark="请输入密码"/>
    </WrapPanel>
```

```csharp
myPasswordBox.Password = "WPFDevelopers.Minimal";
```

--------------------------------

### 安装 NuGet 包

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

使用包管理器控制台安装 WPFDevelopers 库，支持正式版与预览版。

```powershell
Install-Package WPFDevelopers
```

```powershell
Install-Package WPFDevelopers -Pre
```

--------------------------------

### Apply Static Resource Styles

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

Apply predefined library styles to standard controls using StaticResource.

```xml
<!-- 普通按钮 -->
<Button Style="{StaticResource WD.NormalButton}" Content="普通" />

<!-- 主要按钮（各色系） -->
<Button Style="{StaticResource WD.PrimaryButton}" Content="主要" />
<Button Style="{StaticResource WD.SuccessPrimaryButton}" Content="成功" />
<Button Style="{StaticResource WD.WarningPrimaryButton}" Content="警告" />
<Button Style="{StaticResource WD.DangerPrimaryButton}" Content="危险" />

<!-- 默认按钮（各色系） -->
<Button Style="{StaticResource WD.SuccessDefaultButton}" Content="成功" />
<Button Style="{StaticResource WD.WarningDefaultButton}" Content="警告" />
<Button Style="{StaticResource WD.DangerDefaultButton}" Content="危险" />
```

--------------------------------

### Define a ContextMenu in XAML

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Create a simple context menu with multiple menu items.

```xml
<ContextMenu>
  <MenuItem Header="Menu1"/>
  <MenuItem Header="Menu2"/>
  <MenuItem Header="Menu3"/>
</ContextMenu>
```

--------------------------------

### Implement Basic SplitButton with Data Binding

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/en/getting-started.md

Use ItemsSource for dynamic menu population and handle the SelectionChanged event to respond to user input.

```xml
<wd:SplitButton
    Width="150"
    Content="File"
    ItemsSource="{Binding MenuItems}"
    SelectionChanged="SplitButton_SelectionChanged" />
```

```csharp
// ViewModel or Code-behind
public ObservableCollection<string> MenuItems { get; } = new ObservableCollection<string>
{
    "Save in PDF",
    "Save in Word",
    "Save in Excel",
    "Save in Image"
};

private void SplitButton_SelectionChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
{
    // e.NewValue is the selected item
}
```

--------------------------------

### Configure App.xaml Resources

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/README.md

Add the required namespace and resource dictionaries to your application's App.xaml file.

```xml
xmlns:wd="https://github.com/WPFDevelopersOrg/WPFDevelopers"
```

```xml
<Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                     <ResourceDictionary Source="pack://application:,,,/WPFDevelopers;component/Themes/Theme.xaml" />
 			<!--  需要注意 wd:Resources 必须在Theme.xaml后  -->
 			<!--
    		默认情况下，Theme 为 Light（适用于 Windows 10 及以上版本），
   				并会自动根据系统主题切换 Light 或 Dark 模式。
   				若设置为 Default，则会跟随系统主题。
   			-->

		    <!--
   				如需手动指定为 Light 模式，可使用 Theme="Light"。
   				您还可以通过 Color 属性自定义主题色，例如设置为 Color="Fuchsia"。
		    -->

		    <!--
   				此外，通过 Radius 属性可控制控件的圆角大小（Windows 11 默认为 4）。
			 -->
				<wd:Resources Radius="4" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
```

--------------------------------

### Basic Loading Control Implementation

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/Loading

Define buttons in XAML to trigger loading states and task cancellation.

```xml
  <Button Name="btnLoadingTask" Content="LoadingTask" Click="LoadingTask_Click" 
          Style="{DynamicResource SuccessPrimaryButton}" Margin="10,0"/>
  <Button Name="btnLoading" Click="BtnLoading_Click" Content="AddLoading"
          wd:Loading.LoadingType="Normal"
          Style="{DynamicResource WarningPrimaryButton}"/>
  <Button Name="btnOffTask" Click="BtnOffTask_Click" 
          Margin="10,0" Content="Off Task"
          Style="{DynamicResource DangerPrimaryButton}"/>
```

--------------------------------

### MessageBox.Show

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

Displays a message box to the user with various configuration options for buttons, icons, and window ownership.

```APIDOC
## MessageBox.Show(string, string, MessageBoxButton, MessageBoxImage, Window, double?, bool)

### Description
Displays a modal message dialog with customizable content, title, buttons, and icons.

### Method
Static Method

### Parameters
- **messageBoxText** (string) - Required - The message content to display.
- **caption** (string) - Optional - The title of the dialog.
- **button** (MessageBoxButton) - Optional - The set of buttons to display (OK, OKCancel, YesNo, YesNoCancel).
- **icon** (MessageBoxImage) - Optional - The icon to display (Information, Warning, Error, Question).
- **owner** (Window) - Optional - The parent window. If provided, the dialog centers over the parent and displays a mask.
- **buttonRadius** (double?) - Optional - The corner radius of the buttons.
- **isDefault** (bool) - Optional - Whether the first button is the default (triggered by Enter).

### Returns
- **MessageBoxResult** - The result of the user interaction (e.g., Yes, No, Cancel, OK).

### Example
```csharp
var result = MessageBox.Show("Do you want to continue?", "Confirmation", MessageBoxButton.YesNo, MessageBoxImage.Question, owner: this);
if (result == MessageBoxResult.Yes) { /* Handle Yes */ }
```
```

--------------------------------

### Implement Expander with Various Directions

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Demonstrates different expansion directions and header transformations using RotateTransform.

```xml
<UniformGrid Margin="0,10" Columns="2">
     <Expander Header="Expander1">
         <Rectangle Fill="{DynamicResource DangerSolidColorBrush}"
                            Width="400" Height="300"/>
     </Expander>
     <Expander Header="Expander1" ExpandDirection="Up" Margin="10,0" FlowDirection="RightToLeft" IsExpanded="True">
         <Rectangle Fill="{DynamicResource LightSolidColorBrush}"
                            Width="400" Height="300"/>
     </Expander>
     <Expander ExpandDirection="Right" Margin="0,10">
         <Expander.Header>
             <TextBlock Text="Expander1">
                 <TextBlock.LayoutTransform>
                     <RotateTransform Angle="90"/>
                 </TextBlock.LayoutTransform>
             </TextBlock>
         </Expander.Header>
         <Rectangle Fill="{DynamicResource CircularSingularSolidColorBrush}"
                            Width="400" Height="300"/>
     </Expander>
     <Expander ExpandDirection="Left" Margin="10" IsExpanded="True">
         <Expander.Header>
             <TextBlock Text="Expander1">
                 <TextBlock.LayoutTransform>
                     <RotateTransform Angle="90"/>
                 </TextBlock.LayoutTransform>
             </TextBlock>
         </Expander.Header>
         <Rectangle Fill="{DynamicResource PrimaryNormalSolidColorBrush}"
                            Width="400" Height="300"/>
     </Expander>
 </UniformGrid>
```

--------------------------------

### WPFDevelopers Theme Configuration Options

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/en/getting-started.md

Various configurations for the wd:Resources element to control theme and corner radius.

```xml
<wd:Resources Radius="4" />
```

```xml
<wd:Resources Theme="Light" Radius="4" />
```

```xml
<wd:Resources Theme="Dark" Radius="4" />
```

```xml
<wd:Resources Color="Fuchsia" Radius="4" />
```

--------------------------------

### Implement CheckBoxes

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Demonstrates CheckBox states including checked, unchecked, and indeterminate (null) states.

```xml
    <WrapPanel Margin="0,10">
         <CheckBox Content="Option A"/>
         <CheckBox Content="Option B" Margin="10,0" IsChecked="True"/>
         <CheckBox Content="Option C" IsChecked="{x:Null}"/>
    </WrapPanel>
```

--------------------------------

### 警告对话框示例

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

展示使用默认 OK 按钮的警告提示。

```csharp
// 使用默认 OK 按钮
MessageBox.Show("执行此操作可能导致文件无法打开！", "警告", MessageBoxImage.Warning);
```

--------------------------------

### Implement DataSource and DependencyProperties in C#

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Manage ObservableCollections and handle selection state changes using DependencyProperties.

```C#
        #region DataSource
        public ObservableCollection<UserModel> UserCollection
        {
            get { return (ObservableCollection<UserModel>)GetValue(UserCollectionProperty); }
            set { SetValue(UserCollectionProperty, value); }
        }

        public static readonly DependencyProperty UserCollectionProperty =
            DependencyProperty.Register("UserCollection", typeof(ObservableCollection<UserModel>), typeof(MainView), new PropertyMetadata(null));


        public bool AllSelected
        {
            get { return (bool)GetValue(AllSelectedProperty); }
            set { SetValue(AllSelectedProperty, value); }
        }

        public static readonly DependencyProperty AllSelectedProperty =
            DependencyProperty.Register("AllSelected", typeof(bool), typeof(MainView), new PropertyMetadata(AllSelectedChangedCallback));

        private static void AllSelectedChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var view = d as MainView;
            var isChecked = (bool)e.NewValue;
            if ((bool)e.NewValue)
                view.UserCollection.ToList().ForEach(y => y.IsChecked = isChecked);
            else
                view.UserCollection.ToList().ForEach(y => y.IsChecked = isChecked);
        }

        #endregion

        public MainView()
        {
            InitializeComponent();
            this.Loaded += MainView_Loaded;
        }

        private void MainView_Loaded(object sender, RoutedEventArgs e)
        {
            var time = DateTime.Now;
            UserCollection = new ObservableCollection<UserModel>();
            for (int i = 0; i < 4; i++)
            {
                UserCollection.Add(new UserModel
                {
                    Date = time,
                    Name = "WPFDevelopers",
                    Address = "No. 189, Grove St, Los Angeles",
                    Children = new System.Collections.Generic.List<UserModel>()
                    {
                         new UserModel { Name = "WPFDevelopers1.1" },
                         new UserModel { Name = "WPFDevelopers1.2" },
                         new UserModel { Name = "WPFDevelopers1.3" },
                         new UserModel { Name = "WPFDevelopers1.4" },
                         new UserModel { Name = "WPFDevelopers1.5" },
                         new UserModel { Name = "WPFDevelopers1.6" },
                    }
                });
                time = time.AddDays(2);
            }
        }
```

--------------------------------

### Implement RadioButtons

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Shows basic RadioButton usage with checked state management.

```xml
    <WrapPanel Margin="0,10">
        <RadioButton Content="Option A"/>
        <RadioButton Content="Option B" Margin="10,0" IsChecked="True"/>
    </WrapPanel>
```

--------------------------------

### Show Loading Overlay in XAML

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/Loading

Apply the Loading mask to a container element by setting the wd:Loading.IsShow attached property.

```xml
 <Border Background="Red" 
     wd:Loading.IsShow="true">
       <TextBlock Text="Mask 0"
          VerticalAlignment="Center" 
          HorizontalAlignment="Center"/>
 </Border>
```

--------------------------------

### MessageBox Method Signatures

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/en/getting-started.md

The MessageBox.Show method supports five overloads for varying levels of dialog complexity.

```csharp
// 1. Message text only (default OK button, no icon)
MessageBoxResult Show(string messageBoxText, Window owner = null, double? buttonRadius = null, bool isDefault = true)

// 2. Message text + caption
MessageBoxResult Show(string messageBoxText, string caption, Window owner = null, double? buttonRadius = null, bool isDefault = true)

// 3. Message text + caption + buttons
MessageBoxResult Show(string messageBoxText, string caption, MessageBoxButton button, Window owner = null, double? buttonRadius = null, bool isDefault = true)

// 4. Message text + caption + icon
MessageBoxResult Show(string messageBoxText, string caption, MessageBoxImage icon, Window owner = null, double? buttonRadius = null, bool isDefault = true)

// 5. Message text + caption + buttons + icon (full signature)
MessageBoxResult Show(string messageBoxText, string caption, MessageBoxButton button, MessageBoxImage icon, Window owner = null, double? buttonRadius = null, bool isDefault = true)
```

--------------------------------

### Show Normal Loading Type

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/Loading

Configure the loading style using the wd:Loading.LoadingType property, which can be bound to UI state.

```xml
 <Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Images/Breathe/0.jpg"
        wd:Loading.LoadingType="Normal"
        wd:Loading.IsShow="{Binding ElementName=MyCheckBox,Path=IsChecked}"/>
```

--------------------------------

### ToggleButton XAML Configuration

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Demonstrates ToggleButton usage with and without content and initial checked states.

```xml
    <WrapPanel Margin="0,10">
         <ToggleButton Content="IsOpen"/>
         <ToggleButton Margin="10,0" IsChecked="True" Content="启用" Padding="10,0"/>        
    </WrapPanel>
```

```xml
    <WrapPanel Margin="0,10">
         <ToggleButton/>
         <ToggleButton Margin="10,0" IsChecked="True"/>        
    </WrapPanel>
```

--------------------------------

### Bind OtpBox with MVVM

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/en/getting-started.md

Configure OtpBox using two-way data binding for the value and a command for completion logic.

```xml
<wd:OtpBox
    Length="6"
    Value="{Binding OtpCode, Mode=TwoWay}"
    CompletedCommand="{Binding VerifyCommand}" />
```

```csharp
// Event approach
private void OtpBoxCompleted(object sender, RoutedEventArgs e)
{
    var otpBox = e.OriginalSource as OtpBox;
    var pwd = otpBox?.Value ?? string.Empty;

    if (pwd != _otpPassword)
    {
        myOtpBox.State = ControlState.Error;
        return;
    }

    myOtpBox.State = ControlState.Success;
}

// Command approach
public ICommand CompletedCommand => new RelayCommand(param =>
{
    var pwd = param.ToString();
    // Validation logic...
});
```

--------------------------------

### 指定父窗口对话框

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

传入 owner 参数后，对话框会显示在父窗口中央并覆盖遮罩层。

```csharp
// 传入 owner 参数后，对话框会显示在父窗口中央并覆盖遮罩层
MessageBox.Show("操作成功！", "提示", MessageBoxButton.OK, MessageBoxImage.Information, owner: this, buttonRadius: 4);
```

--------------------------------

### Direct Usage of WD Controls

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

Collection of various UI controls provided by the library, including charts, progress bars, and navigation elements.

```xml
<!-- 加载动画 -->
<wd:BallLoading Width="100" IsLoading="{Binding IsLoading}" />

<!-- 抽屉面板 -->
<wd:Drawer x:Name="DrawerTop" Position="Top">
    <wd:Drawer.Header><TextBlock Text="面板标题" FontSize="16" /></wd:Drawer.Header>
    <wd:Drawer.Content><TextBlock Text="面板内容" /></wd:Drawer.Content>
</wd:Drawer>

<!-- 下拉多选框 -->
<wd:MultiSelectComboBox ItemsSource="{Binding Items}" ShowType="Tag">
    <wd:MultiSelectComboBoxItem Content="选项一" />
    <wd:MultiSelectComboBoxItem Content="选项二" />
</wd:MultiSelectComboBox>

<!-- 步骤条 -->
<wd:Step StepIndex="1">
    <wd:StepItem Content="第一步" />
    <wd:StepItem Content="第二步" />
    <wd:StepItem Content="第三步" />
</wd:Step>

<!-- 轮播图 -->
<wd:Carousel ItemsSource="{Binding CarouselItems}" />

<!-- 雷达图 -->
<wd:ChartRadar Datas="{Binding RadarDatas}" />

<!-- 柱状图 -->
<wd:ChartBar Datas="{Binding BarDatas}" />

<!-- 折线图 -->
<wd:ChartLine Datas="{Binding LineDatas}" />

<!-- 饼图（仿LiveCharts） -->
<wd:ChartPie Datas="{Binding PieDatas}" />

<!-- 仪表盘（NuGet 版本） -->
<wd:Gauge Value="75" MaxValue="100" />

<!-- 环形进度条 -->
<wd:CircleProgressBar Value="75" />
```

--------------------------------

### SplitButton Default 样式变体

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

使用边框加背景的样式变体，支持 Success、Warning 和 Danger 等状态。

```xml
<wd:SplitButton Width="120" Content="File" ItemsSource="{Binding MenuItems}" />
<wd:SplitButton Width="120" Content="File" ItemsSource="{Binding MenuItems}"
    Style="{StaticResource WD.SplitButtonSuccess}" />
<wd:SplitButton Width="120" Content="File" ItemsSource="{Binding MenuItems}"
    Style="{StaticResource WD.SplitButtonWarning}" />
<wd:SplitButton Width="120" Content="File" ItemsSource="{Binding MenuItems}"
    Style="{StaticResource WD.SplitButtonDanger}" />
```

--------------------------------

### DataGrid XAML Configuration

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

DataGrid implementation with different selection modes and column templates.

```xml
    <TabControl Margin="0,10">
    <TabItem Header="Mode 1">
        <DataGrid AutoGenerateColumns="False" HeadersVisibility="All" RowHeaderWidth="40"
                          ItemsSource="{Binding UserCollection,RelativeSource={RelativeSource AncestorType=Window}}"
                          Margin="0,10">
            <DataGrid.RowHeaderTemplate>
                <DataTemplate>
                    <CheckBox IsChecked="{Binding IsSelected,RelativeSource={RelativeSource AncestorType=DataGridRow}}"/>
                </DataTemplate>
            </DataGrid.RowHeaderTemplate>
            <DataGrid.Columns>
                <DataGridTextColumn Header="Date" Binding="{Binding Date}" IsReadOnly="True"/>
                <DataGridTextColumn Header="Name" Binding="{Binding Name}" IsReadOnly="True"/>
                <DataGridTextColumn Header="Address" Binding="{Binding Address}" IsReadOnly="True"/>
            </DataGrid.Columns>
        </DataGrid>
    </TabItem>
    <TabItem Header="Mode 2">
        <DataGrid AutoGenerateColumns="False" 
                          ItemsSource="{Binding UserCollection,RelativeSource={RelativeSource AncestorType=Window}}"
                          Margin="0,10">
            <DataGrid.Columns>
                <DataGridTemplateColumn CanUserResize="False">
                    <DataGridTemplateColumn.HeaderTemplate>
                        <DataTemplate>
                            <CheckBox IsChecked="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Window}, Path=AllSelected}" />
                        </DataTemplate>
                    </DataGridTemplateColumn.HeaderTemplate>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <CheckBox Margin="10,0,0,0" IsChecked="{Binding IsChecked}"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
                <DataGridTextColumn Header="Date" Binding="{Binding Date}" IsReadOnly="True"/>
                <DataGridTextColumn Header="Name" Binding="{Binding Name}" IsReadOnly="True"/>
                <DataGridTextColumn Header="Address" Binding="{Binding Address}" IsReadOnly="True"/>
            </DataGrid.Columns>
        </DataGrid>
    </TabItem>
    <TabItem Header="Mode 3">
        <DataGrid Margin="0,10"
                          ItemsSource="{Binding UserCollection,RelativeSource={RelativeSource AncestorType=Window}}">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Date" Binding="{Binding Date}" />
                <DataGridTextColumn Header="Name" Binding="{Binding Name}" IsReadOnly="True"/>
                <DataGridTextColumn Header="Address" Binding="{Binding Address}" IsReadOnly="True"/>
            </DataGrid.Columns>
        </DataGrid>
    </TabItem>
</TabControl>
```

--------------------------------

### Implement GroupBox

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Provides a container with a header for grouping related UI elements.

```xml
<GroupBox Header="GroupBox1">
    <Rectangle Fill="{DynamicResource DangerSolidColorBrush}"
                           Width="400" Height="300"/>
</GroupBox>
```

--------------------------------

### 配置 OtpBox 基础用法

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

通过 XAML 定义 OtpBox 控件并指定长度及完成事件处理程序。

```xml
<wd:OtpBox Length="6" Completed="OtpBoxCompleted" />
```

--------------------------------

### Implement ComboBoxes

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/wiki/BasicControls

Shows editable ComboBox controls with optional watermark support.

```xml
    <WrapPanel Margin="0,10">
         <ComboBox Width="200" IsEditable="True"
                   wd:ElementHelper.Watermark="ComboBox">
            <ComboBoxItem>Option 1</ComboBoxItem>
            <ComboBoxItem>Option 2</ComboBoxItem>
            <ComboBoxItem>Option 3</ComboBoxItem>
            <ComboBoxItem>Option 4</ComboBoxItem>
            <ComboBoxItem>Option 5</ComboBoxItem>
         </ComboBox>
    </WrapPanel>
```

```xml
    <WrapPanel Margin="0,10">
         <ComboBox Width="200" IsEditable="True">
            <ComboBoxItem>Option 1</ComboBoxItem>
            <ComboBoxItem>Option 2</ComboBoxItem>
            <ComboBoxItem>Option 3</ComboBoxItem>
            <ComboBoxItem>Option 4</ComboBoxItem>
            <ComboBoxItem>Option 5</ComboBoxItem>
         </ComboBox>
    </WrapPanel>
```

--------------------------------

### 查看示例项目结构

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

展示了包含各种控件示例的完整项目目录结构。

```text
src/WPFDevelopers.Samples.Shared/
├── App.xaml                              # 应用入口与主题配置
├── ExampleViews/                         # 完整控件示例页面
│   ├── MainWindow.xaml                   # 主窗口（左侧菜单 + 右侧内容）
│   ├── UsageGuide.xaml                   # 使用指南页
│   ├── UsageColor.xaml                   # 颜色使用指南
│   ├── Basics/                           # 基础控件示例（23 个独立页面）
│   │   ├── ThemeExample.xaml
│   │   ├── MenuExample.xaml
│   │   ├── WindowBasicExample.xaml
│   │   ├── LoadingBasicExample.xaml
│   │   ├── ButtonExample.xaml
│   │   ├── RadioButtonExample.xaml
│   │   ├── CheckboxExample.xaml
│   │   ├── TextBoxExample.xaml
│   │   ├── PasswordBoxExample.xaml
│   │   ├── ComboBoxExample.xaml
│   │   ├── ToggleButtonExample.xaml
│   │   ├── DatePickerExample.xaml
│   │   ├── DateTimePickerExample.xaml
│   │   ├── CalendarExample.xaml
│   │   ├── SliderExample.xaml
│   │   ├── ProgressBarExample.xaml
│   │   ├── DataGridExample.xaml
│   │   ├── ListBoxExample.xaml
│   │   ├── ListViewExample.xaml
│   │   ├── TreeViewExample.xaml
│   │   ├── ExpanderExample.xaml
│   │   ├── GroupBoxExample.xaml
│   │   └── TabControlExample.xaml
│   ├── Loading/                          # 加载动画系列
│   │   ├── BallLoadingExample.xaml
│   │   ├── RingLoadingExample.xaml
│   │   ├── StreamerLoadingExample.xaml
│   │   ├── WaitLoadingExample.xaml
│   │   ├── CycleLoadingExample.xaml
│   │   └── RollLoadingExample.xaml
│   ├── DrawerMenu/                       # 抽屉菜单子页面
│   │   ├── HomePage.xaml
│   │   ├── EmailPage.xaml
│   │   └── EdgePage.xaml
│   ├── NavScrollPanel/                   # 导航设置面板子页面
│   │   ├── About.xaml
│   │   ├── PrivacySettings.xaml
│   │   ├── PlaybackSettings.xaml
│   │   ├── ShortcutKeys.xaml
│   │   └── DesktopLyrics.xaml
│   ├── LoginWindow/                      # 登录窗口模板
│   │   ├── CustomControl/
│   │   ├── CustomStyle/
│   │   └── LoginExample.xaml
│   ├── CropAvatar/                       # 头像裁剪
│   │   ├── CropAvatarExample.xaml
│   │   └── CropAvatarWindow.xaml
│   ├── NumberCard/                       # 倒计时卡片
│   │   ├── NumberCardExample.xaml
│   │   └── NumberCardControl.xaml
│   ├── SpeedRockets/                     # 火箭动画
│   │   ├── SpeedRocketsExample.xaml
│   │   └── SpeedRocketsMini.xaml
│   ├── ZooSemy/                          # 拟物旋钮
│   │   ├── ZooSemyExample.xaml
│   │   └── VolumeControl.xaml
│   ├── CanvasHandWriting/                # 手写笔迹
│   │   └── CanvasHandWritingExample.xaml
│   ├── Desktop/                          # 桌面壁纸
│   │   ├── DesktopBackground.xaml
│   │   └── DesktopPlayVideo.xaml
│   ├── Passwrod/                         # 密码控件
│   │   ├── PasswordExample.xaml
│   │   └── PasswordWithPlainText.xaml
│   ├── Map/                              # 地图
│   │   └── BingAMapExample.xaml
│   ├── DrapView/                         # 拖拽视图
│   │   └── DrapViewExample.xaml
│   └── ...（更多示例文件）
├── Controls/                             # 示例辅助控件（CodeViewer、NavigateMenu等）
├── ViewModels/                           # 示例 ViewModel
├── Models/                               # 数据模型
├── Helpers/MenuEnum.cs                   # 所有示例分类枚举
└── Converts/                             # 值转换器
```

--------------------------------

### 错误对话框示例

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

展示简单的错误提示弹窗。

```csharp
MessageBox.Show("当前文件不存在。", "错误", MessageBoxImage.Error);
```

--------------------------------

### Render Markdown with MarkdownViewer

Source: https://github.com/wpfdevelopersorg/wpfdevelopers/blob/master/docs/zh/getting-started.md

Use the MarkdownViewer control to display formatted Markdown content.

```xml
<Grid>
    <wd:MarkdownViewer
        Margin="12"
        Padding="12"
        Markdown="## Hello Markdown&#10;&#10;This is **WPFDevelopers** MarkdownViewer." />
</Grid>
```
Tokens:
Raw