# 基础UI库（SKMC.UI）

统一资源，统一样式，统一字体，控件自定义。

## 基础说明
主要分类：Assets资源文件、Converters基础转换器、CustomControls自定义控件、Styles控件样式、Themes主题、ValidationRules校验规则资源。
### Colors.xaml
颜色资源文件，使用16进制颜色标签，作为后续画刷基础颜色，项目中可根据需求更改
```
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <!--基础颜色/公共颜色-->
    <Color x:Key="Color.Neutral">#545454</Color>
    <Color x:Key="Color.Error">#FF191C</Color>
    <Color x:Key="Color.Warning">#FCB000</Color>
    <Color x:Key="Color.Good">#00F976</Color>
    <Color x:Key="Color.RgbGreen">#00FF00</Color>
    <Color x:Key="Color.DebugLog">#5ADAE2</Color>
    <Color x:Key="Color.Blue">#0000FF</Color>
    <Color x:Key="Color.DrawCross">Green</Color>
    <Color x:Key="Color.Ruler">Red</Color>
    <Color x:Key="Color.ZoomWindow">Yellow</Color>
    <Color x:Key="Color.Start">#009647</Color>
    <Color x:Key="Color.Stop">#CD1315</Color>
    <Color x:Key="Color.Pause">#FCB000</Color>
    <Color x:Key="Color.HomePosition">#0091FF</Color>
    <Color x:Key="Color.LockDoors">#FCB000</Color>
    <Color x:Key="Color.RgbBlue">#363BFF</Color>
    <Color x:Key="Color.ViewPort.Element">Green</Color>
    <Color x:Key="Color.ViewPort.SecondaryElement">LightGreen</Color>
    <Color x:Key="Color.ViewPort.SelectedElement">Blue</Color>
    <Color x:Key="Color.ViewPort.NotValid">Red</Color>
    <Color x:Key="Color.ViewPort.Origin">Cyan</Color>
    <Color x:Key="Color.ViewPort.ScanFieldOutline">LightBlue</Color>
    <Color x:Key="Color.ViewPort.SelectedContour">LightBlue</Color>
    <Color x:Key="Color.ViewPort.MaterialOutline">Gray</Color>
    <Color x:Key="Color.ViewPort.LaneOutline">Olive</Color>
    <Color x:Key="Color.ViewPort.Scanfield">White</Color>
    <Color x:Key="Color.ViewPort.OriginMarker">Green</Color>
    <Color x:Key="Color.ViewPort.Padding">Orange</Color>
    <Color x:Key="Color.ViewPort.HardwareLimitOutline">LightGray</Color>
    <Color x:Key="Color.ViewPort.Grid">#50A0A0A0</Color>
    <Color x:Key="Color.ViewPort.Layer0">Black</Color>
    <Color x:Key="Color.ViewPort.Layer1">Green</Color>
    <Color x:Key="Color.ViewPort.Layer2">Orange</Color>
    <Color x:Key="Color.ViewPort.Layer3">Fuchsia</Color>
</ResourceDictionary>
```
### Brushes.xaml
通用基础画刷，该资源作为全局通用画刷，不随主题切换变更，在XAML使用时需要注意目标控件是否需要跟随主题切换变更。SolidColorBrush固定画刷引用Colors.xaml资源内设定的Color
```
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <!--公共画刷，不随主题切换-->
    <SolidColorBrush x:Key="Brush.MachineControls" Color="{DynamicResource Color.MachineControls}" />
    <SolidColorBrush x:Key="Brush.Overlay2Percent" Opacity="0.02" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.Overlay3Percent" Opacity="0.03" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.Overlay5Percent" Opacity="0.05" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.Overlay6Percent" Opacity="0.06" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.Overlay7Percent" Opacity="0.07" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.Overlay8Percent" Opacity="0.08" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.Overlay12Percent" Opacity="0.12" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.Overlay17Percent" Opacity="0.17" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.Overlay24Percent" Opacity="0.24" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.Overlay48Percent" Opacity="0.5" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.DarkOverlay12Percent" Opacity="0.12" Color="{DynamicResource Color.DarkOverlay}" />
    <SolidColorBrush x:Key="Brush.DarkOverlay80Percent" Opacity="0.8" Color="{DynamicResource Color.DarkOverlay}" />
    <SolidColorBrush x:Key="Brush.DarkOverlay50Percent" Opacity="0.5" Color="{DynamicResource Color.DarkOverlay}" />

    <SolidColorBrush x:Key="Brush.SecondaryButton" Opacity="0.12" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.SecondaryButtonMouseOver" Opacity="0.24" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.SecondaryButtonPressed" Opacity="0.08" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.SecondaryButtonDisabled" Opacity="0.03" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.TertiaryButton" Color="Transparent" />
    <SolidColorBrush x:Key="Brush.TertiaryButtonMouseOver" Opacity="0.24" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.TertiaryButtonPressed" Opacity="0.08" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.TertiaryButtonDisabled" Color="Transparent" />
    <SolidColorBrush x:Key="Brush.TertiaryButtonBorder" Opacity="0.48" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.TertiaryButtonPressedBorder" Opacity="0.16" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.TertiaryButtonDisabledBorder" Opacity="0.03" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.SelectedBorder" Color="{DynamicResource Color.SelectedBorder}" />
    <SolidColorBrush x:Key="Brush.NotSelectedBorder" Color="{DynamicResource Color.Border}" />
    <SolidColorBrush x:Key="Brush.SelectionDisabledBackground" Color="{DynamicResource Color.SelectionDisabledBackground}" />
    <SolidColorBrush x:Key="Brush.SelectionInactiveBorder" Opacity="0.38" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.SelectionSelected" Color="{DynamicResource Color.Signature}" />
    <SolidColorBrush x:Key="Brush.SelectionSelectedBackground" Opacity="0.5" Color="{DynamicResource Color.Signature}" />

    <SolidColorBrush x:Key="Brush.Label" Color="{DynamicResource Color.Label}" />
    <SolidColorBrush x:Key="Brush.SecondaryFont" Opacity="0.6" Color="{DynamicResource Color.Text}" />
    <SolidColorBrush x:Key="Brush.Annotation" Color="DarkViolet" />
    <SolidColorBrush x:Key="Brush.TextSecondColor" Color="Yellow" />
    <SolidColorBrush x:Key="Brush.DebugText" Color="White" />
    <SolidColorBrush x:Key="Brush.DebugTextOver" Opacity="0.5" Color="White" />
    
    <SolidColorBrush x:Key="Brush.RgbRed" Color="{DynamicResource Color.Error}" />
    <SolidColorBrush x:Key="Brush.RgbGreen" Color="{DynamicResource Color.RgbGreen}" />
    <SolidColorBrush x:Key="Brush.RgbBlue" Color="{DynamicResource Color.RgbBlue}" />
    <SolidColorBrush x:Key="Brush.Neutral" Color="{DynamicResource Color.Neutral}" />
    <SolidColorBrush x:Key="Brush.Error" Color="{DynamicResource Color.Error}" />
    <SolidColorBrush x:Key="Brush.ErrorLowOpacity" Opacity="0.1" Color="{DynamicResource Color.Error}" />
    <SolidColorBrush x:Key="Brush.Warning" Color="{DynamicResource Color.Warning}" />
    <SolidColorBrush x:Key="Brush.WarningLowOpacity" Opacity="0.1" Color="{DynamicResource Color.Warning}" />
    <SolidColorBrush x:Key="Brush.Good" Color="{DynamicResource Color.Good}" />
    <SolidColorBrush x:Key="Brush.GoodLowOpacity" Opacity="0.1" Color="{DynamicResource Color.Good}" />
    <SolidColorBrush x:Key="Brush.DebugLog" Color="{DynamicResource Color.DebugLog}" />
    <SolidColorBrush x:Key="Brush.Start" Color="{DynamicResource Color.Start}" />
    <SolidColorBrush x:Key="Brush.Stop" Color="{DynamicResource Color.Stop}" />
    <SolidColorBrush x:Key="Brush.Pause" Color="{DynamicResource Color.Pause}" />
    <SolidColorBrush x:Key="Brush.HomePosition" Color="{DynamicResource Color.HomePosition}" />
    <SolidColorBrush x:Key="Brush.LockDoors" Color="{DynamicResource Color.LockDoors}" />
    <SolidColorBrush x:Key="Brush.Ellipse" Color="LimeGreen" />
    <SolidColorBrush x:Key="Brush.StripeFirstEdge" Color="LimeGreen" />
    <SolidColorBrush x:Key="Brush.StripeSecondFirstEdge" Color="LimeGreen" />
    <SolidColorBrush x:Key="Brush.StripeMiddleLine" Color="Red" />
    <SolidColorBrush x:Key="Brush.Contour" Color="Blue" />
    <SolidColorBrush x:Key="Brush.SecondContour" Color="Orange" />
    <SolidColorBrush x:Key="Brush.CrossMarker" Color="Blue" />
    <SolidColorBrush x:Key="Brush.ChartLine.0" Color="Violet" />
    <SolidColorBrush x:Key="Brush.ChartLine.1" Color="White" />
    <SolidColorBrush x:Key="Brush.ChartLine.2" Color="LimeGreen" />
    <SolidColorBrush x:Key="Brush.ChartLine.3" Color="Yellow" />
    <SolidColorBrush x:Key="Brush.ChartLine.4" Color="Red" />
    <SolidColorBrush x:Key="Brush.ChartLine.5" Color="LightBlue" />
    <SolidColorBrush x:Key="Brush.ChartLine.6" Color="Orange" />
    <SolidColorBrush x:Key="Brush.ChartLine.7" Color="Pink" />
    <SolidColorBrush x:Key="Brush.ChartLine.8" Color="LightGray" />
    <SolidColorBrush x:Key="Brush.ChartLine.9" Color="LightYellow" />
</ResourceDictionary>
```
### Dark.xaml
深色主题资源文件对项目中部分/主要控件颜色设立动态颜色切换，比如：整体背景色、字体颜色、按钮颜色等。只区分主要颜色，其它颜色使用Brushes.xaml不跟随主题变更显示

```
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <!--深色主题-->
    <Color x:Key="Color.Background">#1E1E1E</Color>
    <Color x:Key="Color.DarkBackground">#161616</Color>
    <Color x:Key="Color.MachineControls">#121212</Color>
    <Color x:Key="Color.Overlay">#FCF3EC</Color>
    <Color x:Key="Color.DarkOverlay">#000000</Color>
    <Color x:Key="Color.HeaderAlternative">#2D2D2D</Color>
    <Color x:Key="Color.BodyAlternative">#3C3C3C</Color>
    <Color x:Key="Color.Button">#FFFFFF</Color>
    <Color x:Key="Color.Text">#FFFFFF</Color>
    <Color x:Key="Color.TextContrast">#292929</Color>
    <Color x:Key="Color.TextInactive">#9C9C9C</Color>
    <Color x:Key="Color.PreviewBackground">#444</Color>
    <Color x:Key="Color.Label">#848484</Color>
    <Color x:Key="Color.Icon">#FFFFFF</Color>
    <Color x:Key="Color.IconInactive">#9C9C9C</Color>
    <Color x:Key="Color.Border">#808080</Color>
    <Color x:Key="Color.DashboardBackground">#3a3a3a</Color>
    <Color x:Key="Color.SelectedBorder">#FFFFFF</Color>
    <Color x:Key="Color.SelectionDisabledBackground">#333333</Color>

    <SolidColorBrush x:Key="Brush.Background" Color="{DynamicResource Color.Background}" />
    <SolidColorBrush x:Key="Brush.DarkBackground" Color="{DynamicResource Color.DarkBackground}" />
    <SolidColorBrush x:Key="Brush.PreviewBackground" Color="{DynamicResource Color.PreviewBackground}" />

    <SolidColorBrush x:Key="Brush.Button" Color="{DynamicResource Color.Button}" />
    <SolidColorBrush x:Key="Brush.ButtonPressed" Opacity="0.08" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.ButtonTextInactive" Opacity="0.38" Color="{DynamicResource Color.Text}" />
    <SolidColorBrush x:Key="Brush.ButtonTextDisabled" Opacity="0.30" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.ButtonHover" Opacity="0.2" Color="{DynamicResource Color.Signature}" />

    <SolidColorBrush x:Key="Brush.PrimaryButton" Opacity="0.5" Color="{DynamicResource Color.Signature}" />
    <SolidColorBrush x:Key="Brush.PrimaryButtonMouseOver" Opacity="0.24" Color="{DynamicResource Color.Signature}" />
    <SolidColorBrush x:Key="Brush.PrimaryButtonPressed" Color="{DynamicResource Color.SignatureDark}" />
    <SolidColorBrush x:Key="Brush.PrimaryButtonDisabled" Opacity="0.5" Color="{DynamicResource Color.SignatureDark}" />

    <SolidColorBrush x:Key="Brush.Text" Color="{DynamicResource Color.Text}" />
    <SolidColorBrush x:Key="Brush.TextContrast" Color="{DynamicResource Color.TextContrast}" />
    <SolidColorBrush x:Key="Brush.TextInactive" Color="{DynamicResource Color.TextInactive}" />

    <SolidColorBrush x:Key="Brush.Icon" Color="{DynamicResource Color.Icon}" />
    <SolidColorBrush x:Key="Brush.IconInactive" Color="{DynamicResource Color.IconInactive}" />
    <SolidColorBrush x:Key="Brush.Border" Color="{DynamicResource Color.Border}" />

    <SolidColorBrush x:Key="Brush.DashboardBackground" Color="{DynamicResource Color.DashboardBackground}" />
    <SolidColorBrush x:Key="Brush.HeaderAlternative" Color="{DynamicResource Color.HeaderAlternative}"/>
    <SolidColorBrush x:Key="Brush.BodyAlternative" Color="{DynamicResource Color.BodyAlternative}"/>
    
    <Color x:Key="Color.Signature">#00AFAF</Color>
    <Color x:Key="Color.SignatureLight">#CCEAEC</Color>
    <Color x:Key="Color.SignatureDark">#006D75</Color>
    <Color x:Key="Color.SignatureAccent">#00929D</Color>
    <SolidColorBrush x:Key="Brush.Signature" Color="{DynamicResource Color.Signature}" />
    <SolidColorBrush x:Key="Brush.SignatureLight" Color="{DynamicResource Color.SignatureLight}" />
    <SolidColorBrush x:Key="Brush.SignatureDark" Color="{DynamicResource Color.SignatureDark}" />
    <SolidColorBrush x:Key="Brush.SignatureAccent" Color="{DynamicResource Color.SignatureAccent}" />

</ResourceDictionary>
```
### Light.xaml
浅色主题同上，深色主题与浅色主题切换时，需要保证两者画刷资源key相同且数量相同，切换主题本质上切换**Dark.xaml**和**Light.xaml**资源，若同一个画刷只存在其中一个主题文件中，在切换是会找不到对应**key**资源。
```
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <!-- 浅色主题 -->
    <Color x:Key="Color.Background">#FFFFFF</Color>
    <Color x:Key="Color.DarkBackground">#E8F1FA</Color>
    <Color x:Key="Color.MachineControls">#DCDCDC</Color>
    <Color x:Key="Color.Overlay">#FCF3EC</Color>
    <Color x:Key="Color.DarkOverlay">#FFFFFF</Color>
    <Color x:Key="Color.HeaderAlternative">#FCE4D2</Color>
    <Color x:Key="Color.BodyAlternative">#FFFBF0</Color>
    <Color x:Key="Color.Button">#333333</Color>
    <Color x:Key="Color.Text">#1A1A1A</Color>
    <Color x:Key="Color.TextContrast">#F5F5F5</Color>
    <Color x:Key="Color.TextInactive">#666666</Color>
    <Color x:Key="Color.PreviewBackground">#FFFFFF</Color>
    <Color x:Key="Color.Label">#7A7A7A</Color>
    <Color x:Key="Color.Icon">#1A1A1A</Color>
    <Color x:Key="Color.IconInactive">#666666</Color>
    <Color x:Key="Color.Border">#A0A0A0</Color>
    <Color x:Key="Color.DashboardBackground">#C8C8C8</Color>
    <Color x:Key="Color.SelectedBorder">#1A1A1A</Color>
    <Color x:Key="Color.SelectionDisabledBackground">#CCCCCC</Color>

    <Color x:Key="Color.Signature">#00929D</Color>
    <Color x:Key="Color.SignatureLight">#CCEAEC</Color>
    <Color x:Key="Color.SignatureDark">#006D75</Color>
    <Color x:Key="Color.SignatureAccent">#00929D</Color>

    <SolidColorBrush x:Key="Brush.Background" Color="{DynamicResource Color.Background}" />
    <SolidColorBrush x:Key="Brush.DarkBackground" Color="{DynamicResource Color.DarkBackground}" />
    <SolidColorBrush x:Key="Brush.PreviewBackground" Color="{DynamicResource Color.PreviewBackground}" />

    <SolidColorBrush x:Key="Brush.Button" Color="{DynamicResource Color.Button}" />
    <SolidColorBrush x:Key="Brush.ButtonPressed" Opacity="0.08" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.ButtonTextInactive" Opacity="0.38" Color="{DynamicResource Color.Text}" />
    <SolidColorBrush x:Key="Brush.ButtonTextDisabled" Opacity="0.30" Color="{DynamicResource Color.Overlay}" />
    <SolidColorBrush x:Key="Brush.ButtonHover" Opacity="0.2" Color="{DynamicResource Color.Signature}" />

    <SolidColorBrush x:Key="Brush.PrimaryButton" Opacity="0.5" Color="{DynamicResource Color.Signature}" />
    <SolidColorBrush x:Key="Brush.PrimaryButtonMouseOver" Opacity="0.24" Color="{DynamicResource Color.Signature}" />
    <SolidColorBrush x:Key="Brush.PrimaryButtonPressed" Color="{DynamicResource Color.SignatureDark}" />
    <SolidColorBrush x:Key="Brush.PrimaryButtonDisabled" Opacity="0.5" Color="{DynamicResource Color.SignatureDark}" />

    <SolidColorBrush x:Key="Brush.Text" Color="{DynamicResource Color.Text}" />
    <SolidColorBrush x:Key="Brush.TextContrast" Color="{DynamicResource Color.TextContrast}" />
    <SolidColorBrush x:Key="Brush.TextInactive" Color="{DynamicResource Color.TextInactive}" />

    <SolidColorBrush x:Key="Brush.Icon" Color="{DynamicResource Color.Icon}" />
    <SolidColorBrush x:Key="Brush.IconInactive" Color="{DynamicResource Color.IconInactive}" />
    <SolidColorBrush x:Key="Brush.Border" Color="{DynamicResource Color.Border}" />

    <SolidColorBrush x:Key="Brush.DashboardBackground" Color="{DynamicResource Color.DashboardBackground}" />
    <SolidColorBrush x:Key="Brush.HeaderAlternative" Opacity="0.5" Color="{DynamicResource Color.HeaderAlternative}"/>
    <SolidColorBrush x:Key="Brush.BodyAlternative" Color="{DynamicResource Color.BodyAlternative}"/>

    <SolidColorBrush x:Key="Brush.Signature" Color="{DynamicResource Color.Signature}" />
    <SolidColorBrush x:Key="Brush.SignatureLight" Color="{DynamicResource Color.SignatureLight}" />
    <SolidColorBrush x:Key="Brush.SignatureDark" Color="{DynamicResource Color.SignatureDark}" />
    <SolidColorBrush x:Key="Brush.SignatureAccent" Color="{DynamicResource Color.SignatureAccent}" />
</ResourceDictionary>
```

## 使用方法
```
Styles/
|—— Border.xaml			# Border 样式
|—— Button.xaml			# Button 样式
|—— Calendar.xaml		# Calendar 样式
|—— ComboBox.xaml       # ComboBox 样式
|—— DataGrid.xaml		# DataGrid 样式
|—— DatePicker.xaml     # DatePicker 样式
|—— ListView.xaml		# ListView 样式
|—— RadioButton.xaml    # RadioButton 样式
|—— ScrollViewer.xaml	# ScrollViewer 样式
|—— TapItem.xaml        # TapItem 样式
|—— TextBlock.xaml		# TextBlock 样式
|—— TextBox.xaml        # TextBox 样式
└── ToggleButton.xaml	# ToggleButton 样式
```
### 在XAML中使用
#### Border
- Border.Base
```
<Border Style="{StaticResource Border.Base}">
  <Grid>
	  <Grid.RowDefinitions>
		  <RowDefinition Height="30" />
		  <RowDefinition />
	  </Grid.RowDefinitions>
	  <Border Background="#0078D7">
		  <TextBlock Text="运动测试" 
				  Style="{StaticResource TextBlock.Primary}"
				  HorizontalAlignment="Left"
				  FontWeight="Normal"
				  Margin="10 0 0 0"/>
	  </Border>
	  <WrapPanel Grid.Row="1">
		  <Button Command="{Binding MoveAxisOnePointCommand}" Style="{StaticResource Button.Debug}"
			  Content="MoveAxisPoint"/>
		  <Button Command="{Binding MoveAxisTwoPointCommand}" Style="{StaticResource Button.Debug}"
			  Content="MoveAxisPoint(2)"/>
		  <Button Command="{Binding MoveAxisOnePointFixsetCommand}" Style="{StaticResource Button.Debug}"
			  Content="MoveAxisPointFixset"/>
		  <Button Command="{Binding MoveAxisTwoPointFixsetCommand}" Style="{StaticResource Button.Debug}"
			  Content="MoveAxisPointFixset(2)"/>
	  </WrapPanel>
  </Grid>
</Border>
```
#### Button
- Button.Base
```
<Button Width="100"
		Height="36"
		Command="{Binding CancelCommand}"
		Content="取消"
		FontSize="20"
		Style="{StaticResource Button.Base}" />
```
- Button.Primary
```
<Button Content="显示设置"
		Style="{StaticResource Button.Primary}"
		Width="120"
		Height="30"/>
```
- Button.Secondary
```
<Button Content="显示设置"
		Style="{StaticResource Button.Secondary}"
		Width="120"
		Height="30"/>
```
- Button.WithIcon
```
xmlns:c="clr-namespace:SKMC.UI.CustomControls;assembly=SKMC.UI"

<c:SKButton
	Width="125"
	Height="40"
	Margin="5"
	Command="{Binding RetryAllCommand}"
	Content="自动重试"
	Style="{StaticResource Button.WithIcon}" 
	Icon="{StaticResource Icon.Restart}"
	Background="{StaticResource Brush.DebugLog}"
	IconSize="{StaticResource FontSize.Callout}"/>
```
- Button.Debug
```
<Button Command="{Binding ExceptionTestCommand}" Style="{StaticResource Button.Debug}"
    Content="异常弹窗测试"/>
```
- Button.WindowControl
- Button.SimpleIcon
```
<Button
    Command="{Binding DataContext.GetEncCommand, RelativeSource={RelativeSource AncestorType=UserControl}}"
    CommandParameter="{Binding}"
    Content="{StaticResource Icon.ChevronDoubleLeft}"
    Style="{StaticResource Button.SimpleIcon}"
    Margin="0"/>
```
#### ComboBox
- ComboBox.Primary
```
<ComboBox
	x:Name="Rolebox"
	Width="230"
	Margin="20,0,10,0"
	DisplayMemberPath="ShowName"
	FontSize="{StaticResource FontSize.Callout}"
	IsSynchronizedWithCurrentItem="True"
	ItemsSource="{Binding ClientRoleAccesser.ClientRoles}"
	SelectedItem="{Binding ClientRole}" 
	Style="{StaticResource ComboBox.Primary}"/>
```
#### DataGrid
- DataGrid.Primary
```
<DataGrid
    AutoGenerateColumns="False"
    CanUserAddRows="False"
    ItemsSource="{Binding ClientCacher.CurrentExceptions}"
    Style="{StaticResource DataGrid.Primary}">
    <DataGrid.Columns>
        <DataGridTextColumn
            Width="0.3*"
            Binding="{Binding Code}"
            Header="异常码" 
            IsReadOnly="True"/>
        <DataGridTextColumn
            Width="0.8*"
            Binding="{Binding Name}"
            Header="异常名称" 
            IsReadOnly="True"/>
        <DataGridTextColumn
            Width="0.6*"
            Binding="{Binding EncounterTime}"
            Header="异常时间" 
            IsReadOnly="True"/>
        <DataGridTextColumn
            Width="0.3*"
            Binding="{Binding Level}"
            Header="异常级别" 
            IsReadOnly="True"/>
        <DataGridTextColumn
            Width="*"
            Binding="{Binding Detail}"
            Header="详细信息" 
            IsReadOnly="True"/>
        <DataGridTemplateColumn Width="0.6*" Header="可用处理">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <StackPanel HorizontalAlignment="Left" Orientation="Horizontal">
                        <Button
                            Margin="5,0"
                            Command="{Binding DataContext.RetryCommand, RelativeSource={RelativeSource AncestorType=DataGrid}}"
                            CommandParameter="{Binding}"
                            Content="重试"
                            Visibility="{Binding CanRetry, Converter={StaticResource systemVisibilityConverter}}" />

                        <Button
                            Margin="5,0"
                            Command="{Binding DataContext.IgnoreCommand, RelativeSource={RelativeSource AncestorType=DataGrid}}"
                            CommandParameter="{Binding}"
                            Content="忽略"
                            Visibility="{Binding CanIgnore, Converter={StaticResource systemVisibilityConverter}}" />
                        <TextBlock Text="{Binding RetryMsg}" />
                    </StackPanel>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>
```
- DataGrid.EditingTextBox
```
<DataGrid
    x:Name="OriginGrid"
    Grid.Column="0"
    IsReadOnly="False"
    ItemsSource="{Binding MachineOffsets}"
    Style="{StaticResource DataGrid.Primary}"
    Margin="5">
    <DataGrid.Columns>
        <DataGridTextColumn
            Width="4*"
            Binding="{Binding Code, UpdateSourceTrigger=PropertyChanged}"
            Header="轴代码"
            IsReadOnly="True" />
        <DataGridTextColumn
            Width="6*"
            Binding="{Binding Name, UpdateSourceTrigger=PropertyChanged}"
            Header="名称"
            IsReadOnly="True" />
        <DataGridTextColumn
            Width="2*"
            Binding="{Binding Axis_No, UpdateSourceTrigger=PropertyChanged}"
            Header="轴号"
            IsReadOnly="True" />
        <DataGridTextColumn
            Width="10*"
            Binding="{Binding Offset, StringFormat={}{0:F3}, UpdateSourceTrigger=PropertyChanged}"
            Header="原点偏差值(单位:mm；值的正负号与轴的正负方向一致)" 
            EditingElementStyle="{StaticResource DataGrid.EditingTextBox}"/>
        <DataGridTextColumn
            Width="10*"
            Binding="{Binding Merged, UpdateSourceTrigger=PropertyChanged}"
            Header="是否已合并(0代表未合并;1代表已合并)" 
            EditingElementStyle="{StaticResource DataGrid.EditingTextBox}"/>
    </DataGrid.Columns>
</DataGrid>
```
#### DatePicker
- DatePicker.Primary
```
<DatePicker
	SelectedDate="{Binding SelectedDate}"
	Style="{StaticResource DatePicker.Primary}">
</DatePicker>
```
#### ListView
- ListView.Primary
```
<ListView
    ItemsSource="{Binding Source={StaticResource ProductionLogs}}"
    Style="{StaticResource ListView.Primary}">
    <ListView.View>
        <GridView ColumnHeaderContainerStyle="{StaticResource ListView.ColumnHeader}">
            <GridViewColumn
                Width="160"
                DisplayMemberBinding="{Binding Timestamp}"
                Header="时间"/>
            <GridViewColumn
                Width="60"
                Header="级别">
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <TextBlock x:Name="AlarmLevel" Text="{Binding Level}" HorizontalAlignment="Center"
                           VerticalAlignment="Center"/>
                        <DataTemplate.Triggers>
                            <DataTrigger Binding="{Binding Level}" Value="Debug">
                                <Setter TargetName="AlarmLevel" Property="Foreground" Value="{DynamicResource Brush.DebugLog}"/>
                            </DataTrigger>
                            <DataTrigger Binding="{Binding Level}" Value="Warn">
                                <Setter TargetName="AlarmLevel" Property="Foreground" Value="{DynamicResource Brush.Warning}"/>
                            </DataTrigger>
                            <DataTrigger Binding="{Binding Level}" Value="Error">
                                <Setter TargetName="AlarmLevel" Property="Foreground" Value="{DynamicResource Brush.Error}"/>
                            </DataTrigger>
                        </DataTemplate.Triggers>
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>
            <GridViewColumn
                Width="50"
                DisplayMemberBinding="{Binding Thread}"
                Header="线程" />
            <GridViewColumn
                Width="730"
                DisplayMemberBinding="{Binding Message}"
                Header="消息" />
        </GridView>
    </ListView.View>
</ListView>
```
#### RadioButton
- RadioButton.SystemMenu
```
xmlns:c="clr-namespace:SKMC.UI.CustomControls;assembly=SKMC.UI"

<c:SKRadioButton
	Width="105"
	Height="48"
	Command="{Binding ForwardCommand}"
	CommandParameter="RecordView"
	IsChecked="{Binding SelectView, Converter={StaticResource radio2BoolConverter}, ConverterParameter=RecordView, Mode=TwoWay}"
	Style="{StaticResource RadioButton.SystemMenu}"
	Content="记录"
	Icon="{StaticResource Icon.Database}">
	<c:SKRadioButton.Visibility>
		<MultiBinding Converter="{StaticResource appAccessVisibleConverter}">
			<Binding Path="CommandParameter" RelativeSource="{RelativeSource Self}" />
			<Binding Path="ClientRoleAccesser.AccessToken" />
		</MultiBinding>
	</c:SKRadioButton.Visibility>
</c:SKRadioButton>
```
- RadioButton.Base
- RadioButton.Primary
```
<RadioButton
    Width="128"
    Height="40"
    Command="{Binding OpenCommand}"
    CommandParameter="MotionAxisView"
    Content="电机"
    IsChecked="True"
    Style="{StaticResource RadioButton.Primary}">
    <RadioButton.Visibility>
        <MultiBinding Converter="{StaticResource appAccessVisibleConverter}">
            <Binding Path="CommandParameter" RelativeSource="{RelativeSource Self}" />
            <Binding Path="AccessToken" />
        </MultiBinding>
    </RadioButton.Visibility>
</RadioButton>
```
#### ScrollViewer
- ScrollViewer.Default
```
<ScrollViewer
    Name="AxisPanel"
    Grid.Row="1"
    Margin="0,5,0,0"
    HorizontalScrollBarVisibility="Disabled"
    VerticalScrollBarVisibility="Auto"
    Style="{StaticResource ScrollViewer.Default}">
    <ItemsControl ItemsSource="{Binding AxisPanels}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <UniformGrid VerticalAlignment="Top" Columns="5" />
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <local:MotionAxisPanel />
            </DataTemplate>
        </ItemsControl.ItemTemplate>
        <ItemsControl.IsEnabled>
            <MultiBinding Converter="{StaticResource appAccessEnableConverter}" ConverterParameter="MotionAxisOper">
                <Binding Path="MachineStatusControl.Status" />
                <Binding Path="ClientRoleAccesser.AccessToken" />
            </MultiBinding>
        </ItemsControl.IsEnabled>
    </ItemsControl>
</ScrollViewer>
```
#### TapItem
- TapItem.Primary
```
<TabItem IsSelected="True"
		 Style="{StaticResource TapItem.Primary}"
		 Header="非线性校准">
```
#### TextBlock
- TextBlock.Primary
```
<TextBlock
	FontSize="20"
	Text="原密码" 
	FontWeight="Normal"
	Style="{StaticResource TextBlock.Primary}"/>
```
#### TextBox
- TextBox.Primary
```
xmlns:c="clr-namespace:SKMC.UI.CustomControls;assembly=SKMC.UI"

<c:SKTextBox
	Style="{StaticResource TextBox.Primary}"
	Grid.Row="0"
	Grid.Column="3"
	Text="{Binding VelInput, UpdateSourceTrigger=PropertyChanged, StringFormat={}{0:N3}}" 
	Unit="{Binding MotionAxis.UnitName}"
	Grid.ColumnSpan="3"
	Margin="0 1 5 0"/>
```
- TextBox.SimpleWatermark
```
<TextBox x:Name="productCodetbx" Width="250" Height="30" FontSize="15"
         VerticalContentAlignment="Center"
         Style="{StaticResource TextBox.SimpleWatermark}"
         Tag="请输入产品码查询">
```
####
- ToggleButton.Base
- ToggleButton.Primary
- ToggleButton.SimpleLamp
```
<ToggleButton
	Width="100"
	Height="40"
	IsChecked="False"
	Style="{StaticResource ToggleButton.SimpleLamp}"
	Content="下柜灯"
	Margin="0 2 0 2"/>
```
- ToggleButton.SimpleLocker
```
<ToggleButton
	IsChecked="False"
	FontSize="30"
	Style="{StaticResource ToggleButton.SimpleLocker}"
	Margin="0 10 0 2"
	ToolTip="安全门锁"/>
```
- ToggleButton.ThemeSwitch
```
<ToggleButton
	FontSize="30"
	Style="{StaticResource ToggleButton.ThemeSwitch}"
	Command="{Binding ThemeSwitchCommand}"
	CommandParameter="{Binding Path=IsChecked,RelativeSource={RelativeSource Self}}"
	Margin="10"
	ToolTip="切换主题"/>
```
## 安装说明

1. 克隆或下载本项目
2. 可直接添加到目标项目使用

## 依赖项

- 纯手搓无非官方第三方依赖