在网格内滚动枢轴

肯尼思·威瑟姆

我正在尝试创建一个具有外部网格的页面,该页面将页面分成两半,并在网格列上有一个枢轴。

代码:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>


        <Pivot Grid.Row="1" Grid.Column="1">
            <Pivot.HeaderTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding}" FontSize="18" />
                </DataTemplate>
            </Pivot.HeaderTemplate>
            <PivotItem x:Name="Tab1" Header="Tab 1">
                <ListView x:Name="matchesList">
                    <ListView.ItemTemplate>
                        <DataTemplate x:DataType="local:Data">
                            <Grid>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="{x:Bind Match}"/>
                                </StackPanel>
                            </Grid>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </PivotItem>
            <PivotItem x:Name="Tab2" Header="Tab 2">

            </PivotItem>
        </Pivot>
</Grid>

我希望枢轴项目滚动。我尝试将滚动查看器放置在许多内部元素周围,但围绕整个枢轴是它显示的唯一方式。ListView 正确填充,但只是从屏幕的末尾运行并且仍然不能滚动。如何让 ListView 在枢轴内滚动?

谢谢!

罗马斯

我已经厌倦了,如果您启用IsHorizo​​ntalScrollChainingEnabled,它应该可以工作:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>


    <Pivot Grid.Row="1" Grid.Column="1">
        <Pivot.HeaderTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding}" FontSize="18" />
            </DataTemplate>
        </Pivot.HeaderTemplate>
        <PivotItem x:Name="Tab1" Header="Tab 1">
            <ListView x:Name="matchesList" ScrollViewer.IsHorizontalScrollChainingEnabled="True">
                <ListView.ItemTemplate>
                    <DataTemplate x:DataType="local:Data">
                        <Grid>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="{x:Bind Match}"/>
                            </StackPanel>
                        </Grid>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </PivotItem>
        <PivotItem x:Name="Tab2" Header="Tab 2">

        </PivotItem>
    </Pivot>
</Grid>

通常滚动ScrollViewer在非常低的级别上处理以获得性能。虽然这也有一些缺点——当你想使用PointerEvents时它会带来问题为了使生活更轻松,两个属性被设计-垂直/水平链接-这使得从孩子通过垂直/ horizo​​ntall滚动父-就像你的例子- ListView控件垂直滚动和枢纽水平。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在网格项目内使用水平滚动容器?

来自分类Dev

网格Vaadin-数据显示在网格滚动器下方

来自分类Dev

在网格内使用标签和按钮

来自分类Dev

在网格单元内找不到控件

来自分类Dev

在网格范围内拉伸按钮

来自分类Dev

如何滚动枢轴的内容?

来自分类Dev

Kendo ui工具提示在网格内的定位问题

来自分类Dev

THREE.JS:在网格内时看到几何

来自分类Dev

将div的长宽比保持在网格内

来自分类Dev

如何在网格内居中放置TextBox元素

来自分类Dev

Windows Phone 8.1中的按钮填充在网格列内

来自分类Dev

在网格内编辑项目 - 使用 Vaadin 7.7.4

来自分类Dev

使用 PureCSS 在网格宽度内居中对象

来自分类Dev

Slickgrid:拖动列时可以在网格上水平滚动吗?

来自分类Dev

实施汉堡包菜单后无法在网格视图布局中滚动

来自分类Dev

默认情况下如何在网格底部为WebDataGrid设置滚动

来自分类Dev

引导网格div内的水平滚动条

来自分类Dev

在网格内弯曲-垂直居中对齐最后一行

来自分类Dev

Susy2 Sass:将元素垂直放置在网格列内吗?

来自分类Dev

淡入/淡出mediaElement顶部的堆栈面板(均在网格的同一单元内)

来自分类Dev

覆盖网格而不是在网格之上绘制

来自分类Dev

Tkinter:网格还是在网格内部打包?

来自分类Dev

在网格底部显示网格视图摘要

来自分类Dev

在网格中移动数据

来自分类Dev

在网格板上绘图

来自分类Dev

在网格中排列图像

来自分类Dev

在网格中显示图像

来自分类Dev

在网格中获得角落?

来自分类Dev

在网格中呈现日期