带有多个文本块的 Windows 7 Phone 按钮答案

【问题标题】：Windows 7 Phone button with multiple textblocks带有多个文本块的 Windows 7 Phone 按钮
【发布时间】：2010-12-13 09:47:56
【问题描述】：

我通过编辑样式在 Blend 中创建了一个按钮。我添加了多个文本块，旨在实时向用户显示数据。但是，我不知道如何与后面代码中的那些文本块交互。

我的风格 XAML 是这样的：

<ControlTemplate TargetType="Button">
                        <Grid Background="Transparent">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver"/>
                                    <VisualState x:Name="Pressed"/>
                                    <VisualState x:Name="Disabled"/>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Border x:Name="ButtonBackground" BorderThickness="{TemplateBinding BorderThickness}" Background="{StaticResource PhoneAccentBrush}" CornerRadius="0" Margin="8,12,12,12">
                                <TextBlock Margin="121,5,98,0" TextWrapping="Wrap" Text="Current Program:" Height="36" VerticalAlignment="Top"/>
                            </Border>
                            <TextBlock Margin="92,68,80,81" TextWrapping="Wrap" Text="" RenderTransformOrigin="0.265,0.51" HorizontalAlignment="Center" Width="271" x:Name="programName"/>
                            <TextBlock Height="32" Margin="21,0,16,12" TextWrapping="Wrap" Text="Date:" VerticalAlignment="Bottom" x:Name="CurrentDate"/>
                        </Grid>
                    </ControlTemplate>

我显示按钮的代码是这样的：

    <Grid x:Name="middleRow" Grid.Row="2">
        <Button Content="Button" Margin="8,8,0,8" Style="{StaticResource ButtonCenter}" x:Name="Current" Click="Current_Click" d:LayoutOverrides="GridBox" />
    </Grid>

在我的代码后面 InitializeComponent();我想更改 ProgramName 文本块和 CurrentDate 文本块。

我在想我可能必须创建一个控件来执行此操作，但我不确定。我这样做的尝试失败了（杂项错误）。我可以在代码中访问这些文本块吗？请告诉我。

更新：

我最终这样做了：

<Button Margin="8,8,0,8" x:Name="Current" Click="Current_Click">  
    <Button.Content>  
        <StackPanel>  
            <TextBlock x:Name="ProgramName" Text="program name" HorizontalAlignment="Center" />  
            <TextBlock x:Name="CurrentDate" Text="current date" HorizontalAlignment="Center" />  
        </StackPanel>  
    </Button.Content>  
</Button>

我在 Blend 中应用了模板中的样式，它现在似乎可以工作了。

【问题讨论】：

标签： windows-phone-7 expression-blend

【解决方案1】：

您不能按名称引用样式中的控件，因为页面上可能有多个控件的副本。

如果您将按钮制作成自定义控件，您可以为 ProgramTitle 和 CurrentDate 属性制作文本（很容易设置）。

您也可以使用数据绑定来设置这些值。

【讨论】：