如何将画笔背景添加到Hub标题以使白色文本在白色背景上更具可读性？

Question

我的标准HubPage背景较浅。不幸的是Hub的头很轻。如何让背景更暗。

    <Hub>
        <Hub.Header>
            <!-- Back button and page title -->
            <Grid>
                <TextBlock Text="Yolo funcy, faded text"></TextBlock>
            </Grid>
        </Hub.Header>

        <HubSection Width="780" Margin="0,0,80,0">
            <HubSection.Background>
                <ImageBrush Stretch="UniformToFill"
                   ImageSource="ms-appx:///Assets/sf.jpg"/>
            </HubSection.Background>
        </HubSection>
     </Hub>

我在登录页面遇到了类似的问题，但没有Hub它更简单，我刚刚添加。

<Rectangle
        Grid.ColumnSpan="3"
        Grid.RowSpan="9">
        <Rectangle.Fill>
            <LinearGradientBrush StartPoint="-0.5, 0.25" EndPoint="0.75, 0.75">
                <GradientStop Color="Black" Offset="0.1"/>
                <GradientStop Color="Transparent" Offset="1"/>
            </LinearGradientBrush>
        </Rectangle.Fill>
    </Rectangle>

Answer 1

您是否尝试在文本块中添加前景？

  <Hub.Header>
        <!-- Back button and page title -->
        <Grid>
            <TextBlock Text="Yolo funcy, faded text" Foreground="Black"></TextBlock>
        </Grid>
    </Hub.Header>

Answer 2

在HubSection的原始模板中，标题表示为Button，没有特殊的Foreground样式。 因此，您可以覆盖默认主题画笔： ButtonForegroundThemeBrush ：

<SolidColorBrush x:Key="ButtonForegroundThemeBrush" Color="Red" />

请记住，它将改变所有具有通用样式的按钮的前景。

以下是来自HubSection模板的标题按钮的其他资源：

<SolidColorBrush x:Key="HubSectionHeaderPointerOverForegroundThemeBrush" Color="Red" />
<SolidColorBrush x:Key="HubSectionHeaderPressedForegroundThemeBrush" Color="Red" />
<SolidColorBrush x:Key="ButtonDisabledForegroundThemeBrush" Color="Red" />