如何在Windows手机的页面中添加页脚面板?

时间:2014-10-02 00:29:55

标签: c# xaml windows-phone-8 windows-phone-8.1

我有这个页面的xaml文件,它有一个标题面板和一个scrollViewer,它占用了标题面板留下的屏幕高度。

我的问题是如何在屏幕底部添加页脚面板,以便scrollViewer只用掉页眉和页脚面板留下的高度?

<Page>
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!-- Header Panel -->
        <StackPanel Grid.Row="0" Margin="19,0,0,0">
            <TextBlock x:Uid="Header" Text="MyApplication" Margin="0,12,0,0"/>
            <TextBlock Text="{Binding Title}" Margin="0,-6.5,0,26.5" CharacterSpacing="{ThemeResource PivotHeaderItemCharacterSpacing}" />
        </StackPanel>


         <!-- Content Panel -->
         <ScrollViewer Grid.Row="1" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Disabled">

            <<ItemsControl ItemsSource="{Binding MyCollection}" />
        </ScrollViewer>

        <!-- Footer Panel -->
        <StackPanel Grid.Row="2" Margin="19,0,0,0">
            <TextBlock x:Uid="Header" Text="Footer"  Margin="0,12,0,0"/>
            <TextBlock Text="{Binding Title}" Margin="0,-6.5,0,26.5" />
        </StackPanel>
    </Grid>
</Page>

1 个答案:

答案 0 :(得分:1)

您现有的XAML标记看起来很好,除了行定义部分(第3行的定义,放置页脚面板的行,缺少):

<Grid.RowDefinitions>
    <RowDefinition Height="Auto"/>
    <RowDefinition Height="*"/>
    <RowDefinition Height="Auto"/>
</Grid.RowDefinitions>