WPF开发总结

一、组成部分：

样式(Style)：

定义：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:sys="clr-namespace:System;assembly=mscorlib"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <!--Window窗体-->
    <SolidColorBrush x:Key="WindowBackground" Color="#007ACB"></SolidColorBrush> 
    <FontFamily x:Key="FontFamily" >Microsoft YaHei</FontFamily>
    <sys:Double x:Key="FontSize">13</sys:Double>
    <sys:Double x:Key="DisableOpacity">0.5</sys:Double>
    <sys:Double x:Key="ReadonlyOpacity">0.88</sys:Double>
    <sys:Double x:Key="WatermarkOpacity">0.4</sys:Double>
    <sys:String x:Key="DateFormat">yyyy年MM月dd日</sys:String>
    <sys:String x:Key="DateTimeFormat">yyyy-MM-dd HH:mm:ss</sys:String>

</ResourceDictionary>

添加引用：

    <Application.Resources>
         
    	<ResourceDictionary>

            <Style TargetType="{x:Type ScrollBar}" BasedOn="{StaticResource DefaultScrollBar}"></Style>
            <Style TargetType="{x:Type ScrollViewer}" BasedOn="{StaticResource DefaultScrollViewer}"></Style>

            <ResourceDictionary.MergedDictionaries>

                <ResourceDictionary Source="pack://application:,,,/HebianGu.Product.WinHelper;component/Style/Control/FIcon.xaml" />
             
                <ResourceDictionary Source=".\Style\Brush\Colors.xaml"/>

            </ResourceDictionary.MergedDictionaries>
    	</ResourceDictionary>
         
    </Application.Resources>

<ResourceDictionary Source=".\Style\Brush\Colors.xaml"/>

使用：

    <!--ToolTip-->
    <Style TargetType="{x:Type ToolTip}">
        <Setter Property="Foreground" Value="{StaticResource TextForeground}"/>
        <Setter Property="FontFamily" Value="{StaticResource FontFamily}"/>
        <Setter Property="FontSize" Value="{StaticResource FontSize}"/>
        <Setter Property="Background" Value="{StaticResource HeaderBackground}"/>
        <Setter Property="BorderBrush" Value="{StaticResource FocusBorderBrush}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ToolTip}">
                    <Border CornerRadius="2" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}">
                        <ContentPresenter Margin="8,5,8,5"/>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

 <Setter Property="Background" Value="{StaticResource HeaderBackground}"/>

模板(Template):

定义并设置模板：

	<Style x:Key="MyButton" TargetType="{x:Type Button}">
		<Setter Property="Template">
			<Setter.Value>
				<ControlTemplate TargetType="{x:Type Button}">
					<Grid>
						<Rectangle x:Name="bg" Stroke="Black" StrokeThickness="0" Visibility="Hidden">
							<Rectangle.Fill>
								<ImageBrush ImageSource="skin/Button/btbg.png" Stretch="Uniform"/>
							</Rectangle.Fill>
						</Rectangle>
						<Rectangle x:Name="fg" Stroke="Black" StrokeThickness="0" Visibility="Hidden" RadiusX="0" RadiusY="0">
							<Rectangle.Fill>
								<ImageBrush ImageSource="skin/Button/btfg.png" Stretch="Uniform"/>
							</Rectangle.Fill>
						</Rectangle>
						<TextBlock x:Name="textBlock" HorizontalAlignment="Center" Margin="0" TextWrapping="Wrap" Text="{TemplateBinding Content}" d:LayoutOverrides="Height" VerticalAlignment="Center" Foreground="#FF020F5C"/>
					</Grid>
				</ControlTemplate>
			</Setter.Value>
		</Setter>
	</Style>

设置模板节点：<Setter Property="Template"> 

模板定义：<ControlTemplate TargetType="{x:Type Button}">

单独定义的模板：

<ControlTemplate x:Key="MyButtonTemplate" TargetType="{x:Type Button}">
					<Grid>
						<Rectangle x:Name="bg" Stroke="Black" StrokeThickness="0" Visibility="Hidden">
							<Rectangle.Fill>
								<ImageBrush ImageSource="skin/Button/btbg.png" Stretch="Uniform"/>
							</Rectangle.Fill>
						</Rectangle>
						<Rectangle x:Name="fg" Stroke="Black" StrokeThickness="0" Visibility="Hidden" RadiusX="0" RadiusY="0">
							<Rectangle.Fill>
								<ImageBrush ImageSource="skin/Button/btfg.png" Stretch="Uniform"/>
							</Rectangle.Fill>
						</Rectangle>
						<TextBlock x:Name="textBlock" HorizontalAlignment="Center" Margin="0" TextWrapping="Wrap" Text="{TemplateBinding Content}" d:LayoutOverrides="Height" VerticalAlignment="Center" Foreground="#FF020F5C"/>
					</Grid>
				</ControlTemplate>

使用单独定义的模板：

      <Button Content="测试按钮" Template="{StaticResource MyButtonTemplate}" ></Button>

触发器(Trigger)

示例：

<ControlTemplate.Triggers>
						<Trigger Property="IsFocused" Value="True"/>
						<Trigger Property="IsDefaulted" Value="True"/>
						<Trigger Property="IsMouseOver" Value="True">
							<Setter Property="Background" TargetName="border">
								<Setter.Value>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#87A58686" Offset="0"/>
										<GradientStop Color="#FF702323" Offset="0.047"/>
										<GradientStop Color="#01FFFFFF" Offset="0.884"/>
										<GradientStop Color="#46FCFAFA" Offset="1"/>
										<GradientStop Color="#33905454" Offset="0.862"/>
									</LinearGradientBrush>
								</Setter.Value>
							</Setter>
						</Trigger>
						<Trigger Property="IsPressed" Value="True">
							<Setter Property="Background" TargetName="border">
								<Setter.Value>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#44FFFFFF" Offset="0"/>
										<GradientStop Offset="1" Color="#A8831111"/>
										<GradientStop Color="#7A41697A" Offset="0.052"/>
									</LinearGradientBrush>
								</Setter.Value>
							</Setter>
						</Trigger>
						<Trigger Property="IsEnabled" Value="False"/>
					</ControlTemplate.Triggers>

绑定属性(Property)：

绑定命令(Command)：

动画：

类型转换(Converter)：

资源：

自定义元素：