WPF快速学习入门（4.控件和模板的基本使用方法）

WPF（Windows Presentation Foundation）提供了一系列丰富的控件，用于构建用户界面。此外，WPF还支持样式（Styles）和模板（Templates），这些是WPF中非常有用的特性，用于创建复用的UI元素和控件的自定义外观。

1.控件的使用

WPF中的控件通常是通过XAML语言来定义的，并且可以通过控件的属性来配置它们的行为和外观。例如，创建一个按钮的XAML代码如下：

<Button Content="Click Me" Click="Button_Click"/>

在上面的代码中，Button是控件的名称，Content属性用来设置按钮的文本内容，而Click事件处理器会在按钮被点击时调用Button_Click方法。

WPF（Windows Presentation Foundation）提供了一系列基础控件，用于构建用户界面。以下是一些基础控件的列表和基本用法：

1. Button - 按钮控件，用于触发事件。

   <Button Content="Click Me" Click="Button_Click"/>
   

2. TextBox - 文本输入控件。

   <TextBox Text="Enter Text Here"/>
   

3. TextBlock - 文本显示控件。

   <TextBlock Text="Display Text"/>
   

4. Label - 文本标签控件。

   <Label Content="Label Text"/>
   

5. ListBox - 列表框控件，用于显示项列表。

   <ListBox ItemsSource="{Binding ListItems}" SelectedItem="{Binding SelectedItem}"/>
   

6. ComboBox - 下拉列表控件。

   <ComboBox ItemsSource="{Binding ComboItems}" SelectedItem="{Binding SelectedComboItem}"/>
   

7. CheckBox - 复选框控件。

   <CheckBox Content="Check Me" IsChecked="{Binding IsCheckedProperty}"/>
   

8. RadioButton - 单选按钮控件。

   <RadioButton Content="Radio Button" GroupName="RadioGroup" IsChecked="{Binding RadioCheckedProperty}"/>
   

9. ProgressBar - 进度条控件。

   <ProgressBar Value="{Binding ProgressValue}" Minimum="0" Maximum="100"/>
   

10. Slider - 滑块控件。

    <Slider Minimum="0" Maximum="100" Value="{Binding SliderValue}"/>
    

11. StackPanel - 堆叠面板控件，用于垂直或水平堆叠控件。

    <StackPanel Orientation="Vertical">
        <Button Content="Button 1"/>
        <Button Content="Button 2"/>
        <Button Content="Button 3"/>
    </StackPanel>
    

12. Grid - 网格控件，用于布局控件到行和列。

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Button Content="Button 1" Grid.Row="0" Grid.Column="0"/>
        <Button Content="Button 2" Grid.Row="0" Grid.Column="1"/>
        <Button Content="Button 3" Grid.Row="1" Grid.Column="0" Grid.Column="1"/>
    </Grid>
    

13. Border - 边框控件，通常用于包裹其他控件并显示边框。

    <Border BorderThickness="1" BorderBrush="Black">
        <TextBlock Text="Inside the Border"/>
    </Border>
    

14. Panel - 基类，其他布局控件如Grid、StackPanel等都继承自这个类。

    <Panel>
        <!-- Child elements -->
    </Panel>
    

15. ScrollViewer - 滚动视图控件，用于包含可能超出其容器的内容的控件。

    <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
        <StackPanel>
            <!-- Large content -->
        </StackPanel>
    </ScrollViewer>
    

这些控件是WPF中非常基础的控件，它们可以组合使用来创建更复杂的用户界面。此外，WPF还提供了许多其他控件，如DataGrid、TreeView、ListView等，用于特定类型的数据展示和管理。

2.样式（Styles）

样式是用来定义控件的样式规则的，包括控件的外观和行为。可以通过XAML定义样式，如：

<Window.Resources>
    <Style TargetType="{x:Type Button}">
        <Setter Property="Background" Value="LightBlue"/>
        <Setter Property="Foreground" Value="DarkBlue"/>
        <Setter Property="FontSize" Value="16"/>
        <Setter Property="BorderThickness" Value="2"/>
        <Setter Property="BorderBrush" Value="DarkBlue"/>
    </Style>
</Window.Resources>

在上面的代码中，Style定义了所有Button控件的样式，包括背景、前景、字体大小、边框粗细和边框颜色。

3.模板（Templates）

模板是用来定义控件内部如何布局和显示内容的。模板通常用于创建自定义控件的外观。例如，创建一个自定义按钮的模板：

<Window.Resources>
    <ControlTemplate x:Key="CustomButtonTemplate" TargetType="{x:Type Button}">
        <Grid>
            <Border x:Name="Border"
                    BorderThickness="2"
                    BorderBrush="DarkBlue"
                    CornerRadius="5"
                    Background="{TemplateBinding Background}">
                <ContentPresenter Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </Border>
        </Grid>
        <ControlTemplate.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter TargetName="Border" Property="Background" Value="LightBlue"/>
            </Trigger>
            <Trigger Property="IsPressed" Value="True">
                <Setter TargetName="Border" Property="Background" Value="DarkBlue"/>
            </Trigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
</Window.Resources>

在这个模板中，ControlTemplate定义了按钮的布局，包括边框和内容展示。ContentPresenter用于展示按钮的内容。Trigger用于定义鼠标悬停和按下的状态。

4.使用模板和样式

使用模板和样式时，只需要在需要使用这些样式的控件上应用它们。例如，使用上面的自定义模板：

<Button Template="{StaticResource CustomButtonTemplate}" Content="Custom Button"/>

这样，Button控件就会应用CustomButtonTemplate定义的样式和布局。

5.总结

WPF中的控件、样式和模板是构建用户界面的关键要素。控件用于创建基本的UI元素，样式用于统一和定制控件的外观，而模板则允许创建更复杂和自定义的控件。通过合理地使用这些特性，开发者可以创建出美观、功能强大的应用程序。