wpf之ContentPresenter

最新推荐文章于 2025-08-01 17:25:46 发布

上位机马工

最新推荐文章于 2025-08-01 17:25:46 发布

阅读量821

点赞数 9

CC 4.0 BY-SA版权

分类专栏： WPF学习文章标签： wpf

本文链接：https://blog.csdn.net/qq_34059233/article/details/149813930

WPF学习专栏收录该内容

8 篇文章

订阅专栏

前言

我们在开发wpf程序的过程中，为了提高代码的重复利用率，经常会使用模板技术，本文就是介绍ControlTemplate中的ContentPresenter的作用。

1、ContentPresenter放置于中

1.1 创建模板

ContentPresenter常用于ControlTemplate中，它表示占位符，比如下面的代码中建立了一个模板，该模板中含有一个Border ，这个边框控件设置为红色，变宽厚度为10，并在其中放置了一个ContentPresenter ，并指定该控件代表的内容也就是Buttton的Content内容水平居中，垂直居中。

<Window x:Class="wpf之controlTemplate.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:wpf之controlTemplate"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <ControlTemplate x:Key="btn_temp" TargetType="{x:Type Button}">
            <Border  BorderBrush="Red"  BorderThickness="10"   Background="{TemplateBinding Background }" >
                <ContentPresenter    HorizontalAlignment="Center" VerticalAlignment="Center" />
            </Border>
        </ControlTemplate>
    </Window.Resources>
    <StackPanel>
        <Button   Height="300" Content="按钮" Background="Blue"  Template="{StaticResource btn_temp}"/>
    </StackPanel>
</Window>

1.2 使用模板

最终在Window窗体中放置一个StackPanel，StackPanel中放置一个Button，由于该Button使用了模板btn_temp，所以在中间显示了Button的Content属性。
在这里插入图片描述

2、ContentPresenter放置于Grid中

2.1 创建模板

ContentPresenter常用于ControlTemplate中，它表示占位符，比如下面的代码中建立了一个模板，该模板中含有一个Grid，这个Grid有两行，第一行高度为100，第二行占用剩余所有高度，其中第一行放置了一个椭圆控件Ellipse ，并指定椭圆的填充色与使用该模板的控件的背景色相同；第2行放置了一个ContentPresenter ，并指定该控件代表的内容也就是Buttton的Content内容水平居中，垂直居中。

<Window x:Class="wpf之controlTemplate.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:wpf之controlTemplate"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <ControlTemplate x:Key="btn_temp" TargetType="{x:Type Button}">
            <Grid  >
                <Grid.RowDefinitions >
                    <RowDefinition Height=" 100"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions >
                <Ellipse Grid.Row="0" Name="ellipse" Fill="{TemplateBinding Background}"/>
                <ContentPresenter Grid.Row="1" HorizontalAlignment="Center" VerticalAlignment="Center" />
            </Grid>
        </ControlTemplate>
    </Window.Resources>

    <StackPanel>
        <Button  Height="300" Content="圆形按钮" Background="Blue"  Template="{StaticResource btn_temp}"/>
    </StackPanel>
</Window>