在通用应用程序中使用样式按下时如何更改文本块按钮的内容

Question

I have a problem in setting the TextBlock color in my button content,this is my code:

<Style  x:Key="ButtonStyle"
    TargetType="Button">
    <Setter Property="Background" Value="#e6e6e6" />
    <Setter Property="BorderBrush" Value="#393185" />
    <Setter Property="Foreground" Value="#00a0e3"/>
    <Setter Property="HorizontalAlignment" Value="Left" />
    <Setter Property="VerticalAlignment" Value="Center" />
    <Setter Property="VerticalContentAlignment" Value="Center" />
    <Setter Property="HorizontalContentAlignment" Value="Left" />
    <Setter Property="UseSystemFocusVisuals" Value="True" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Grid x:Name="RootGrid" Background="{TemplateBinding Background}">
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal">
                                <Storyboard>
                                    <PointerUpThemeAnimation Storyboard.TargetName="RootGrid" />
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="Pressed">
                                <Storyboard>
                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid"
                                               Storyboard.TargetProperty="Background">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="transparent" />
                                    </ObjectAnimationUsingKeyFrames>
                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                               Storyboard.TargetProperty="BorderBrush">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="transparent" />
                                    </ObjectAnimationUsingKeyFrames>
                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
                                               Storyboard.TargetProperty="Foreground">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="#00a0e3" />
                                    </ObjectAnimationUsingKeyFrames>
                                    <PointerDownThemeAnimation Storyboard.TargetName="RootGrid" />
                                </Storyboard>
                            </VisualState>

                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <ContentPresenter x:Name="ContentPresenter"
                      BorderBrush="#393185"

                      Foreground="{TemplateBinding Foreground}"
                      Background="{TemplateBinding Background}"
                      BorderThickness="{TemplateBinding BorderThickness}"
                      Content="{TemplateBinding Content}"
                      ContentTransitions="{TemplateBinding ContentTransitions}"
                      ContentTemplate="{TemplateBinding ContentTemplate}"
                      Padding="{TemplateBinding Padding}"
                      Margin="{TemplateBinding Margin}"
                      VerticalAlignment="Center"
                      HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                      VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                      AutomationProperties.AccessibilityView="Raw"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

the problem is that the textblock does not change the Foreground color when I press the button have you please any idea how can I correct my code thanks for help

Update:

this is my xaml code and the Textblock that I want to change the text color from Gray to #00a0e3 when I press the button:

<Button Style="{Binding Source={StaticResource ButtonStyle}}">
                                        <Grid Margin="0" x:Name="Grid2" >
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="50"  />
                                            <ColumnDefinition Width="*" />
                                        </Grid.ColumnDefinitions>
                                        <Button Grid.Column="0" Click="MenuButton2_Click">
                                            <Image Source="images/3.png" Height="25" Width="25"  x:Name="img2" Margin="0"/>
                                        </Button>
                                        <TextBlock  Text="Restaurant"  Foreground="Gray" x:Name="res3" Grid.Column="1"/>
                                    </Grid>
                                </Button>

Answer 1

In Response to the Update, see you want completely different thing. The TextBlock whose foreground you need to change, is outside the ContentPresenter of Button control. Hence, through its style you cannot modify the Foreground. You need to add Tap event to the button and from backend code, you can change the foreground color. See the below code.

In XAML --

<Button Grid.Column="0" Tapped="MenuButton2_Tapped">
                                        <Image Source="images/3.png" Height="25" Width="25"  x:Name="img2" Margin="0"/>
                                    </Button>
                                    <TextBlock x:Name=restaurantTextBlock  Text="Restaurant"  Foreground="Gray" x:Name="res3" Grid.Column="1"/>

In C#---

restaurantTextBlock.Foreground = new SolidColorBrush(Color.FromArgb(255,0,160,227));//mention any color

Answer 2

As Romasz pointed out, you have set the Foreground color of button same as the foreground color of button when in pressed state ie #00a0e3 . I think while copying the color hexadecimal code, you may have pasted wrong. Change the color in either Pressed state or initial Foreground test. Your code works though once either of the change is made.

As always, if you find this answer helpful and correct, please vote this answer as correct answer. You are welcome to ask anymore questions if you like.