旋转控制覆盖堆叠面板/图像控制

时间:2014-11-17 22:37:29

标签: xaml windows-phone-8

我有一个简单的页面,我想要在顶部显示一个带有图像的条形图,并在其下方显示一个旋转控件。出于某种原因,枢轴控件只覆盖前面堆栈面板的一半。 我尝试添加一个垂直边距,但我很确定这不是正确的方法,我想知道为什么它不像我期望的那样表现。 这是XAML代码:

<Page
    x:Class="testPivot.list_test"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SlideViewTest"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Grid x:Name="LayoutRoot" Background="White">
        <StackPanel Orientation="Vertical">
            <StackPanel Orientation="Horizontal" Background="#FFFF9300">
                <Image Margin="5,0,0,0"  Width="80" Height="50" Source="Assets/SmallLogo.png"/>
            </StackPanel>
            <Pivot Background="#808080">
                <PivotItem Header="ONE">
                    <ListView Name="listOne" Foreground="Black">
                        <ListViewItem>ONE</ListViewItem>
                        <ListViewItem>ONE</ListViewItem>
                        <ListViewItem>ONE</ListViewItem>
                        <ListViewItem>ONE</ListViewItem>
                    </ListView>
                </PivotItem>
                <PivotItem Header="TWO">
                    <ListView Name="listTwo" Foreground="Black">
                        <ListViewItem>TWO</ListViewItem>
                        <ListViewItem>TWO</ListViewItem>
                        <ListViewItem>TWO</ListViewItem>
                        <ListViewItem>TWO</ListViewItem>
                    </ListView>
                </PivotItem>
                <PivotItem Header="FREE">
                    <ListView Name="listThree" Foreground="Black">
                        <ListViewItem>THREE</ListViewItem>
                        <ListViewItem>THREE</ListViewItem>
                        <ListViewItem>THREE</ListViewItem>
                        <ListViewItem>THREE</ListViewItem>
                    </ListView>
                </PivotItem>
            </Pivot>
        </StackPanel>
    </Grid>
</Page>

我得到了什么: What I get

我的期望: What I expected

1 个答案:

答案 0 :(得分:0)

Pivot页边距与StatusBar的状态有关。此外,Pivot是散文,是一个顶级控件,在页面上没有任何其他内容。

ApplicationView.GetForCurrentView().SetDesiredBoundsMode(ApplicationViewBoundsMode.UseCoreWindow);

会得到你想要的结果。

请参阅Pivot Grid Problems这个人遇到同样问题但网格行定义。