Toolkit-WeDraft

构建属于我们自己的WPF控件样式库

Build our own WPF Control Style Library

概要（Summary）

First Draft是面向 Windows Presentation Foundation (WPF)的一套自定义样式库。由 Meiliyong 自主设计开发完成，最初基于.NET Core 3.1开发，如需其他框架版本请下载源码重新编译，源码地址：https://github.com/mefdeamon/Toolkit-WeDraft。

包含样式和控件如下：

• 新样式控件
  • 按钮（Button）
  • 切换按钮（ToggleButton）
  • 单选按钮（RadioButton）
  • 复选框（CheckBox）
  • 文本框（TextBox）
  • 下拉选项框（ComboBox）
  • 列表框（ListBox）
  • 表格|数据网格（DataGrid）
  • 日期（DatePicker）
  • 滑动条（Slider）
  • 密码框（PasswordBox）
  • 加载动画（ContentControl)
• 自定义控件
  • 图标（IconControl）
  • 图标按钮（IconButton）
  • 图标切换按钮（IconToggleButton）
  • 图标单选按钮（IconRadioButton）
  • 图标复选按钮（IconRepeatButton）
  • 图标文本框（IconTextBox）
  • IP地址框（IpAddressBox）
  • 日期时间选择框（DateTimePickBox）
  • Fd窗口（FdWindow）

快速使用（Quick Start）

1. App.xaml中引入资源

           <ResourceDictionary>
               <ResourceDictionary.MergedDictionaries>
                   <ResourceDictionary Source="pack://application:,,,/FirstDraft;component/Themes/Ui.xaml"/>
               </ResourceDictionary.MergedDictionaries>
           </ResourceDictionary>

   示例（WPF应用程序名FirstDraft.ApplyDemo）：

      <Application x:Class="FirstDraft.ApplyDemo.App"
                   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                   xmlns:local="clr-namespace:FirstDraft.ApplyDemo"
                   xmlns:data="clr-namespace:FirstDraft.ApplyDemo.Data"
                   StartupUri="MainWindow.xaml">
          <Application.Resources>
              <ResourceDictionary>
                  <ResourceDictionary.MergedDictionaries>
                      <ResourceDictionary Source="pack://application:,,,/FirstDraft;component/Themes/Ui.xaml"/>
                  </ResourceDictionary.MergedDictionaries>
              </ResourceDictionary>
          </Application.Resources>
      </Application>

2. 使用自定义控件时命名空间引入

                xmlns:fdcontrols="clr-namespace:FirstDraft.Controls;assembly=FirstDraft"

   示例

   <UserControl x:Class="FirstDraft.ApplyDemo.Views.ApplyIconButtonView"
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
                xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
                xmlns:local="clr-namespace:FirstDraft.ApplyDemo.Views"
                xmlns:fdcontrols="clr-namespace:FirstDraft.Controls;assembly=FirstDraft"
                mc:Ignorable="d" 
                d:DesignHeight="450" d:DesignWidth="800">
   	<WrapPanel  Margin="5">
       	<fdcontrols:IconButton Margin="5" IconData="{Binding home_line, Source={StaticResource IconSet}}"/>
           <fdcontrols:IconButton Margin="5" IconData="{Binding home_fill, Source={StaticResource IconSet}}" />
           <fdcontrols:IconButton Margin="5" IconData="{Binding record_on, Source={StaticResource IconSet}}" Content="录制"/>
           <fdcontrols:IconButton Margin="5" IconData="{Binding settings_line, Source={StaticResource IconSet}}" Content="设置" />
    	</WrapPanel>
   </UserControl>

3. 样式资源使用

   1. 图标资源

      <fdcontrols:IconButton Margin="5" IconData="{Binding home_line, Source={StaticResource IconSet}}"/>

   2. 样式资源

      <fdcontrols:IconButton Style="{StaticResource VerticalTextIconButton}" IconData="{Binding user_fill, Source={StaticResource IconSet}}" Content="用户"/>

详细示例（Demo)

• 示例的应用程序可以直接下载Release v1.0.1-alpha app demo · mefdeamon/Toolkit-WeDraft (github.com)。

• 完整的源码地址：https://github.com/mefdeamon/Toolkit-WeDraft。

• 使用文档详细说明：Home · mefdeamon/Toolkit-WeDraft Wiki (github.com)

• 开发过程视频：Bilibili视频。

支持我（Reward）

如果你喜欢这个项目并希望支持我，你可以通过支付宝/微信打赏来支持我。以下是我的支付宝/微信收款二维码：

非常感谢你的支持！