UWP GridView 滾動條從不顯示

Question

我有一個頁面，允許用戶從他的文件夾中加載多個圖像縮略圖。 更改 window 的寬度時，行數會很好地更新

我唯一不知道如何讓它工作的是垂直滾動條，我幾乎嘗試了所有可能的設置。

起初我的根是一個 stackPanel 所以我切換到一個 Grid 看看是否會有什么不同。

這是我的 xaml

<Page
x:Class="IMG.Pages.UploadPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:img="using:IMG"
xmlns:local="using:IMG.Pages"
xmlns:Models="using:IMG.Models"

mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

<Grid x:Name="root">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <StackPanel Grid.Row="0"
        Padding="2"
        BorderBrush="Black"
        BorderThickness="1"
        Orientation="Horizontal">
        <Button Click="GetPhoto" Content="get images" />
    </StackPanel>
    
    <GridView x:Name="ImageGrid" Width="Auto" Background="LightBlue" Grid.Row="1" Margin="5" Height="Auto"
                  SizeChanged="ImageGridSizeChanged"
                  ScrollViewer.HorizontalScrollBarVisibility="Auto"
                  ScrollViewer.HorizontalScrollMode="Auto"
                  ScrollViewer.VerticalScrollBarVisibility="Disabled"
                  ScrollViewer.VerticalScrollMode="Disabled">   
        <GridView.ItemsPanel>
            <ItemsPanelTemplate>
                <ItemsWrapGrid Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </GridView.ItemsPanel>
        <GridView.ItemTemplate>
            <DataTemplate x:Name="ImgThumbnail" x:DataType="Models:ImageData">
                <StackPanel
                            Width="100"
                            Height="120"
                            Margin="5"
                            AutomationProperties.Name="{x:Bind Hash}">
                    <StackPanel Margin="1">
                        <TextBlock Text="{x:Bind File}" />
                    </StackPanel>
                    <Image x:Name="thumbIMG" Width="80" Height="100" Stretch="UniformToFill" />
                </StackPanel>
            </DataTemplate>
        </GridView.ItemTemplate>
    </GridView>
</Grid>

起初 gridview 是空的，用戶點擊按鈕，然后在 FileOpenPicker 中他可以選擇多個圖像，並將它們添加為綁定到 ImageData 的 ObservableList 的縮略圖

綁定工作很好，我只是停留在滾動條上

Answer 1

我遇到了同樣的問題，我通過將 gidview 的高度設置為固定大小而不是自動來修復它。 而不是你可以設置

ScrollViewer.VerticalScrollBarVisibility = "Visible"
ScrollViewer.VerticalScrollMode = "Enable"