我创建了一个带有默认Hub项目的Windows应用商店应用,在第一个hubsection上,我有一个图像作为背景。我想在图像的底部放置一些文字来描述图像是什么。但是我无法在Hubsection.contenttemplate中定位文本。
正如您将能够从代码中看到的那样,我尝试了几种方法,包括尝试设置网格和单个文本块的垂直对齐方式,但似乎都不适用于我。
我目前拥有的代码可以在下面找到。
<HubSection Width="780">
<HubSection.Background>
<ImageBrush ImageSource="Assets/Images/example_meal.png" Stretch="UniformToFill" />
</HubSection.Background>
<HubSection.ContentTemplate>
<DataTemplate>
<Grid Margin="80,0,0,0" VerticalAlignment="Bottom">
<Grid.RowDefinitions>
<RowDefinition Height="*" />
<RowDefinition Height="*" />
</Grid.RowDefinitions>
<TextBlock VerticalAlignment="Bottom" x:Name="pageTitle" Text="Primary Text" Style="{StaticResource TitleTextStyle}"
TextWrapping="NoWrap" FontSize="30" Margin="0,0,0,0" />
<TextBlock Grid.Row="1" FontWeight="Bold" Style="{StaticResource BodyTextBlockStyle}" Text="Secondary Text" TextWrapping="Wrap"/>
</Grid>
</DataTemplate>
</HubSection.ContentTemplate>
</HubSection>