滾動視圖在 UWP windows 10 IoT 核心應用程序中不起作用

Question

在我的 UWP 應用程序中，我有一個包含許多項目的ListView 。 我現在遇到的問題是我無法滾動到列表中的最后一項。

這是我的代碼：

<ListView
        x:Name="AudioFilesLV" 
        Margin="10,146,10,113"
        FontStyle="Oblique"
        FontWeight="Bold"
        ItemClick="SongClicked"
        ScrollViewer.VerticalScrollBarVisibility="Auto"
        IsItemClickEnabled="True" RequestedTheme="Default" Foreground="White" CanDragItems="True">
        <ListView.Template>
            <ControlTemplate>
                <Border CornerRadius="25" BorderThickness="2" Background="LightBlue" BorderBrush="DarkBlue">
                    <ItemsPresenter></ItemsPresenter>
                </Border>
            </ControlTemplate>
        </ListView.Template>
        <ListView.Background>
            <ImageBrush ImageSource="/Assets/background.jpg"></ImageBrush>
        </ListView.Background>
    </ListView>

我已經添加了

ScrollViewer.VerticalScrollBarVisibility="Auto"

但它似乎仍然沒有滾動？ 我很可能在這里遺漏了一些東西:-)

謝謝

Answer 1

如果我們將ListView放在StackPanel中，則問題與 ListView 的父面板有關。 在 StackPanel 中，如果未明確設置子元素的大小，則它會拉伸以填充可用寬度（如果方向為水平，則為高度）。 在此示例中，未設置矩形的寬度。 矩形展開以填充 StackPanel 的整個寬度。 而且ListView的實際高度和contentm一樣，不能再滾動了。

更好的方法是將 ListView 放在Grid面板中，或者給它固定的高度，如下所示。

<ListView Height="300"
    x:Name="AudioFilesLV" 
    Margin="10,146,10,113"
    FontStyle="Oblique"
    FontWeight="Bold"
    ItemClick="SongClicked"
    ScrollViewer.VerticalScrollBarVisibility="Auto"
    IsItemClickEnabled="True" RequestedTheme="Default" Foreground="White" CanDragItems="True">
    <ListView.Template>
        <ControlTemplate>
            <Border CornerRadius="25" BorderThickness="2" Background="LightBlue" BorderBrush="DarkBlue">
                <ItemsPresenter></ItemsPresenter>
            </Border>
        </ControlTemplate>
    </ListView.Template>
    <ListView.Background>
        <ImageBrush ImageSource="/Assets/background.jpg"></ImageBrush>
    </ListView.Background>
</ListView>