XAML Window Store在Datatemplate中定位UI元素

时间:2014-07-07 22:50:05

标签: xaml windows-store-apps

我创建了一个带有默认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>

0 个答案:

没有答案