ScrollViewer 在内部不起作用 Canvas

Question

我正在尝试在 Canvas 中使用 ScrollViewer，但滚动不起作用。

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

  <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Canvas>
      <ScrollViewer>
        <StackPanel Orientation="Vertical" Width="400">
          <TextBlock Text="Just a huge text that will not fit into a single frame"
                     FontSize="100" TextWrapping="WrapWholeWords" />
        </StackPanel>
      </ScrollViewer>
    </Canvas>
  </Grid>
</Page>

但是如果我将 Canvas 切换为 Grid 一切正常。有没有办法让 ScrollViewer 在 Canvas 中工作？

Answer 1

根据您在 post 中包含的代码，您似乎没有给 ScrollViewer 任何需要滚动的理由。 Canvas 元素不会以任何方式限制其子元素。因此，在 Canvas 中，ScrollViewer 可以随心所欲地变大，因此它将大到足以包含其子项而无需滚动。在 Grid 中，它将被拉伸以适合其单元格，因此如果单元格小于子单元格，它将允许滚动。给它一个滚动的理由，它就会滚动。

例如，您可以使 ScrollViewer 始终与其 Canvas 父级具有相同的尺寸：

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

  <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Canvas x:Name="canvas1">
      <ScrollViewer Width="{Binding ActualWidth, ElementName=canvas1}"
                    Height="{Binding ActualHeight, ElementName=canvas1}">
        <StackPanel Orientation="Vertical" Width="400">
          <TextBlock Text="Just a huge text that will not fit into a single frame"
                     FontSize="100" TextWrapping="WrapWholeWords" />
        </StackPanel>
      </ScrollViewer>
    </Canvas>
  </Grid>
</Page>

任何将 ScrollViewer 的大小限制为小于其内容大小的东西都会导致滚动条变得可见和可用。

ScrollViewer 在内部不起作用 Canvas

ScrollViewer does not work inside Canvas

c#

xaml

windows-runtime

winrt-xaml