Windows Universal App(10)隐藏栏

时间:2015-08-20 14:24:19

标签: windows xaml windows-phone-8 win-universal-app windows-10

我正在Windows 10上创建通用应用程序,我可以在其中创建简单列表。

我有问题。我想创建隐藏顶部栏。当用户向下滑动时,条形图从顶部淡入屏幕(类似状态栏,滑动时显示所有内容)。你能给我提出解决方案或给我一个解决方案吗?我也使用GestureRecognizer,但它与Scroll Viewer不兼容。 这是我的用户控件栏:

 <Grid>
    <Grid Margin="0">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <Rectangle Fill="DarkOrange" Grid.Row="0" Margin="0"/>
        <TextBox Name="TextBox"  KeyDown="TextBox_KeyDown" Grid.Row="0" Margin="-2,5,2,13" Style="{StaticResource TextBoxStyle1}" Grid.RowSpan="2"/>

        <Polygon Grid.Row="1" Points="0,0, 40,25, 0,50" Fill="DarkOrange" Margin="172.584,-30.584,186.416,-7.25" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" >
            <Polygon.RenderTransform>
                <CompositeTransform Rotation="90"/>
            </Polygon.RenderTransform>
        </Polygon>
    </Grid>

以下是我要使用此栏的页面:

    <Grid Background="Black" Name="LayoutRoot"  PointerPressed="OnPointerPressed" PointerReleased="OnPointerReleased" Margin="0,-76,0,0" >
    <Grid.RowDefinitions>
        <RowDefinition Height="49*"/>
        <RowDefinition Height="309*"/>
    </Grid.RowDefinitions>
    <ScrollViewer Grid.Row="1" Name="scrollViewer" VerticalScrollMode="Enabled" ManipulationMode="All" ManipulationStarted="ScrollViewer_ManipulationStarted" DirectManipulationCompleted="ScrollViewer_DirectManipulationCompleted" DirectManipulationStarted="ScrollViewer_DirectManipulationStarted" IsEnabled="True" >
        <StackPanel Name="sc" ScrollViewer.VerticalScrollBarVisibility="Visible" ScrollViewer.VerticalScrollMode="Enabled">
        </StackPanel>
    </ScrollViewer>

</Grid>

1 个答案:

答案 0 :(得分:0)

最后,我盯着拉着刷新。我发现了这个! pull to refresh Sample

非常好的样品:))