Question

我有一个WPF项目。

在这个项目中，我有一个UserControl，其中的StackPanel包含各种元素。它位于网格中的一个单元中。当我调整Windwo的大小，并且单元变小以适合Stackpanel时，我希望滚动视图可以接管。

我尝试将 TheUserControl 放入一个，但似乎只适用于Set大小。我需要它来调整动态单元格大小。我在网上发现的所有“解决方案”对于这样一个简单而常见的问题都是不必要的困难解决方法。因此，我很确定有一种简单的方法可以实现这种行为。

伪代码

用户控件：

<UserControl x:class=x.TheUserControl>
    <StackPanel>
        <Label Content="Label 01 />
        <Label Content="Label 02 />
        <Label Content="Label 03 />
                     .
                     .
                     .
        <Label Content="Label n />
    </StackPanel>
</UserControl>

窗口：

<Window x:Class="x.MainWindow>
<Grid>

    <Grid.RowDefinitions>
       <RowDefinition Height="auto" />
       <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <Label Content="Header" />

    <ScrollView Grid.Row="1">
        <x:TheUserControl />
    </ScrollView>

</Window>

我敢肯定，当我将StackPAnel直接放入ScrollView时，ScrollView可以正常工作，那么为什么中间有一个UserControl这么复杂呢？

我完全不知道ScrollView中有一些明显的行为，如果有人可以向我展示一种更好的方法或解释其行为方式，我将非常高兴。

Answer 1

请尝试在用户控件内部使用ScrollViewer并使用HorizontalScrollBarVisibility和VerticalScrollBarVisibility：

userControl：

<UserControl x:Class="WpfApp1.TheUserControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:WpfApp1"
             >
    <Grid>
        <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
            <StackPanel Orientation="Vertical"  Background="LightGray">
                <Label Content="Label 01" />
                <Label Content="Label 02" />
                <Label Content="Label 03" />
                <Label Content="Label n" />
            </StackPanel>
        </ScrollViewer>
    </Grid>
</UserControl>

MainWindow：

<Window x:Class="WpfApp1.MainWindow"
        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:local="clr-namespace:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" >
    <Grid Background="Aqua">
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <Label Content="Header" Grid.Row="0" />
        <local:TheUserControl Grid.Row="1" />

    </Grid>
</Window>

结果，如果您调整窗口大小：

使用ScrollView创建一个用户控件

1 个答案: