0

我在 SplitView 上显示可滚动列表。滚动工作正常,但有一个问题。 在此处输入图像描述

如您所见,我看不到滚动条。如果我使 ScrollViewer 更小​​,则会出现滚动条。但是当最大化时,我看不到它。

这是我的 XAML 代码。

<Page
    x:Class="Memoify.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Memoify"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Page.Resources>
        <Color x:Key="MainColor">#FFFFCC00</Color>
    </Page.Resources>

    <Grid x:Name="RootGrid"  Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <Rectangle HorizontalAlignment="Stretch" Height="48" Margin="0" Stroke="Black" VerticalAlignment="Top" StrokeThickness="0" Grid.Column="1">
            <Rectangle.Fill>
                <SolidColorBrush Color="{StaticResource MainColor}"/>
            </Rectangle.Fill>
        </Rectangle>

        <TextBlock x:Name="UICurrentCategory" Text="ALL MEMOS"  Style="{ThemeResource TitleTextBlockStyle}" Height="28" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="53,8,0,0" Grid.Column="1"/>
        <SplitView x:Name="UISplitView" DisplayMode="CompactOverlay" CompactPaneLength="0"  OpenPaneLength="320" Margin="0,0,-31,0" Grid.Column="1">
            <SplitView.Pane>
                <!-- NOTE: Below ScrollViewer shows scroll bar well -->
                <ScrollViewer  Margin="0,48,0,0">
                    <ListView x:Name="UIMenuList" Margin="0,0,0,0" IsItemClickEnabled="True"  ItemClick="UIMenuList_ItemClick"/>
                </ScrollViewer>
            </SplitView.Pane>
            <SplitView.Content>
                <ScrollViewer  Margin="0,48,0,0">
                    <ListView x:Name="UIMemoList" Margin="0,0,0,0" IsItemClickEnabled="True"  ItemClick="UIMenuList_ItemClick" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch"/>
                </ScrollViewer>
            </SplitView.Content>
        </SplitView>
        <Button x:Name="UIMenuButton" HorizontalAlignment="Left" VerticalAlignment="Top" Click="OpenCloseMenu" FontFamily="{ThemeResource SymbolThemeFontFamily}" FontSize="20" Width="48" Height="48" Padding="0" UseSystemFocusVisuals="True" Content="&#xE700;" Grid.Column="1">
            <Button.Background>
                <SolidColorBrush Color="{StaticResource MainColor}"/>
            </Button.Background>
        </Button>

    </Grid>
</Page>

我相信 ScrollView 的宽度(或其中的 ListView?)有问题,但我该如何解决这个问题?

4

1 回答 1

0

只需在拆分视图上删除您的边距 Margin="0,0,-31,0"

它应该可以解决您的问题。如果可以,请您标记为已解决吗?谢谢

于 2016-05-02T15:35:44.113 回答