2014-08-30 49 views
0

我在app.xaml文件中创建了一个玻璃按钮(代码底部)。我有几个按钮在mainwindox.xaml中引用此模板。我不知道该怎么做的是在MainWindow中设置按钮显示的文本。下面的代码的第一部分是其中一个按钮的示例。某处我需要添加一些代码,以便按钮上有文字'相关性'。app.xaml中的WPF按钮模板如何设置MainWindow.xaml中的文本

下面

<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> 

回答

3

ButtonContentControl。正如我所看到的,您的Template中有一个ContentPresenter。因此,您可以将Content属性添加到您的Button或添加Contnet元素。

按属性:

<Button Content="Correlation"/> 

通过元素:

<Button>Correlation</Button> 
+0

当我添加的内容= “关联” 按钮一段显示 “Correlati”原因是文本不居中。当文本到达按钮的中间时,文本的其余部分不可见 – mHelpMe 2014-08-30 16:28:44

+0

由于您已明确设置了“Button”的“Width =”120“',这不足以适应该文本。 – 2014-08-30 16:33:55

+0

当然,你的权利,我现在可以看到所有的文字。但是文本显示在按钮的左侧,而不是整个按钮的中央 – mHelpMe 2014-08-30 16:42:12

0

当你做你需要,如果你想的onClick影响使用ContentControl中和触发器自定义按钮。 同样为了回答你的问题,当你制作自定义按钮时,你需要将边距绑定到填充属性以将按钮内容居中。

你可以看到这个链接:

WPF: Why shouldn't I use {TemplateBinding Margin} in ControlTemplate - is Margin meant only for element's containers?

你可以看到,这也:

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