垂直和水平滾動條不起作用-WPF

Question

我有以下代碼：

<DockPanel>
        <Grid>
            <Grid.ColumnDefinitions>
                <!--This will make any control in this column of grid take 1/10 of total width-->
                <ColumnDefinition Width="1*" />
                <!--This will make any control in this column of grid take 4/10 of total width-->
                <ColumnDefinition Width="4*" />
                <!--This will make any control in this column of grid take 4/10 of total width-->
                <ColumnDefinition Width="4*" />
                <!--This will make any control in this column of grid take 1/10 of total width-->
                <ColumnDefinition Width="1*" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition />
            </Grid.RowDefinitions>
            <Border BorderBrush="Black" BorderThickness="1" Grid.Row="0" Grid.Column="0">
                <StackPanel>
                    <Image Source="/SAMPLE;component/Images/1_Left.png"/>
                    <Image Source="/SAMPLE;component/Images/2_Left.png"/>
                    <Image Source="/SAMPLE;component/Images/3_Left.png"/>
                    <Image Source="/SAMPLE;component/Images/4_Left.png"/>
                </StackPanel>
            </Border>
            <ScrollViewer Grid.Row="0" Grid.Column="1">
                <Canvas Name="Canvas1">
                    <Image Name="LeftImage"/>
                    <Image Name="LeftIcon"/>
                </Canvas>
            </ScrollViewer>
            <ScrollViewer Grid.Row="0" Grid.Column="2">
                <Canvas Name="Canvas2">
                    <Image Name="RightImage"/>
                    <Image Name="RightIcon"/>
                </Canvas>
            </ScrollViewer>
            <Border BorderBrush="Black" BorderThickness="1" Grid.Row="0" Grid.Column="3">
                <StackPanel>
                    <Image Source="/SAMPLE;component/Images/5_Right.png"/>
                    <Image Source="/SAMPLE;component/Images/6_Right.png"/>
                    <Image Source="/SAMPLE;component/Images/7_Right.png"/>
                    <Image Source="/SAMPLE;component/Images/8_Right.png"/>
                </StackPanel>
            </Border>
        </Grid>
    </DockPanel>

即使“ LeftImage”和“ RightImage”具有更大的寬度和高度，滾動條也不起作用。 我無法滾動查看完整的圖像。 有什么幫助嗎？

謝謝

Answer 1

網格不支持滾動功能。 如果要滾動某些內容，則需要ScrollViewer控件。 因此，將網格放置在由DockPanel插入的ScrollViewer中

    <ScrollViewer HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Visible">
//Your grid
</ScrollViewer>