app.xaml中的WPF按钮模板如何在MainWindow.xaml中设置文本

Question

我已经在app.xaml文件中创建了一个玻璃按钮（本文的代码底部）。 我在mainwindox.xaml中有一些引用此模板的按钮。 我不知道该怎么办，是在MainWindow中设置按钮显示的文本。 下面的代码的第一部分是其中一个按钮的示例。 我需要在某个地方添加一些代码，以便按钮上带有文本“ Correlation”。

下面的主窗口代码

 <Button Grid.Column="0" Grid.Row="1" Style="{StaticResource buttBasicTemplateReport}" Command="{Binding CommandButtReportsCorrel}" Height="50" Width="120" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="0,0,0,0"/>                    

下面的App.xaml代码

         <!-- Glass Button empty template Report -->
    <Style x:Key="buttBasicTemplateReport" TargetType="Button">
        <Setter Property="Cursor" Value="Hand"/>
        <Setter Property="FontSize" Value="12" />
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="FontWeight" Value="Bold"/>
        <Setter Property="VerticalAlignment" Value="Center"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border x:Name="ButtonBorder" 
                              CornerRadius="15,15,15,15" 
                              BorderThickness="3,3,3,3" 
                              Background="#AA000000"  
                              BorderBrush="#99FFFFFF"
                              RenderTransformOrigin="0.5,0.5">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="1.7*"/>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition/>
                                <ColumnDefinition/>
                            </Grid.ColumnDefinitions>
                            <Border Grid.Row="0" Grid.ColumnSpan="2" CornerRadius="23,23,0,0">
                                <Border.Background>
                                    <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                        <GradientStop Color="#08FFFFFF" Offset="0"/>
                                        <GradientStop Color="#88FFFFFF" Offset="1"/>
                                    </LinearGradientBrush>
                                </Border.Background>
                            </Border>
                            <ContentPresenter x:Name="ButtonContentPresenter"
                            VerticalAlignment="Center"  
                            Grid.RowSpan="2" 
                            HorizontalAlignment="Center"/>
                            <Rectangle x:Name="recGlow"  Style="{StaticResource recSecurity}"
                                       Grid.Row="0" Grid.RowSpan="2" Grid.Column="0" Grid.ColumnSpan="2"/>
                            <TextBlock Grid.Row="0" Grid.RowSpan="2" Grid.ColumnSpan="2" VerticalAlignment="Center" HorizontalAlignment="Center" Style="{StaticResource txtSecurity}"/>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver"  Value="True">
                            <Setter TargetName="recGlow" Property="Opacity" Value="0.8"/>
                            <Setter Property="RenderTransform" TargetName="ButtonBorder">
                                <Setter.Value>
                                    <TransformGroup>
                                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                                    </TransformGroup>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Answer 1

Button是ContentControl 。 如我所见，您的Template有一个ContentPresenter 。 因此，您可以将Content属性添加到Button或添加Contnet元素。

按属性：

<Button Content="Correlation"/>

按元素：

<Button>Correlation</Button>

Answer 2

制作自定义按钮时，如果要使用onClick效果，则需要使用ContentControl和Triggers。 另外，要回答来自comentar的问题，当您制作自定义按钮时，需要将边距绑定到padding属性以使按钮内容居中。

您可以看到以下链接：

WPF：为什么我不应该在ControlTemplate中使用{TemplateBinding Margin}-Margin仅用于元素的容器？

您还可以看到以下内容：

http://sshumakov.com/2013/02/19/how-to-bind-to-control-properties-from-controltemplate/