Question

我正在创建一个简单的App，其中我在运行时实例化自定义类的元素（该类由一些Control元素组成：Textblocks，Grids）。由于我的工作区域很容易过多，我希望我的应用程序的主要网格可滚动。

我将网格封装在滚动查看器中，我打算以这种方式增加网格的宽度和高度，使水平和垂直滚动条出现。但问题是，我不知道如何检查我的自定义类的实例是否完全在工作区域内，或者它的一部分延伸出来。我在SO中找到了一个方法可以解决我的问题HERE，但由于我有很多元素，我必须检查它们中的每一个。还有另一种方法可以轻松实现性能吗？

另外，我必须知道我的元素超出该区域的程度，因此我只相应地增加了网格的大小。我是WPF的新手，所以非常感谢任何建议！

这是我的想法：这是我的XAML的相关部分：

<ScrollViewer VerticalScrollBarVisibility="Visible" 
              HorizontalScrollBarVisibility="Auto"
              CanContentScroll="True">
    <Grid
    x:Name="MainGrid"
    Background="Transparent"
    MouseLeftButtonUp="grid_MouseLeftButtonUp">
        <ItemsControl>
            <!--HERE I HAVE A NUMBER OF OTHER ELEMENTS PREDEFINED-->
        </ItemsControl>
        <Grid.ContextMenu>
            <!--HERE I HAVE CONTEXTMENU ELEMENTS-->
        </Grid.ContextMenu>

    </Grid>
</ScrollViewer>

Answer 1

如果您使用项目的Margin属性来定位它们，Grid应该能够为您处理自动调整大小。项目不完全适合视图的示例：

<Window x:Class="WpfApplication1.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:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="400" Width="400">

    <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
        <Grid x:Name="MainGrid" Background="Transparent">
            <Border Background="Blue" Width="250" Height="250" Margin="350 0 0 0" HorizontalAlignment="Left" VerticalAlignment="Top"></Border>
            <Border Background="Red" Width="250" Height="250" Margin="0 150 0 0" HorizontalAlignment="Left" VerticalAlignment="Top"></Border>
        </Grid>
    </ScrollViewer>
</Window>

上面的示例使滚动条可见：

如果内容适合视图，则没有滚动条：

还有一些其他可用选项，比如使用一点修改后的Canvas。您可以在此处找到更多示例：WPF: How to make canvas auto-resize?

具有动态创建元素的可滚动WPF窗口？

1 个答案: