即使不需要剪切，WPF 也会进行剪切 - 如何将其关闭？

Question

我需要按照 ListBox.ItemTemplate 的 DataTemplate 中指定的方式从 ListBox 中浮出一些内容。我正在使用 RenderTransform，但内容在 ListBox 边界上被剪切。对于整个可视化树，ClipToBounds 为 False。

我在某处读到，即使没有指定专用剪切属性，WPF 也会在内部执行一些剪切。我还发现使用 Canvas 有时可以解决剪切问题，但在这里没有帮助。

我怎样才能克服这个问题？这是我想要修复的一些 XAML。请注意，矩形的整个左侧部分都丢失了。

    <ListBox>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Rectangle Fill="Red" Stroke="Green" StrokeThickness="4" Width="100" Height="50">
                    <Rectangle.RenderTransform>
                        <TranslateTransform X="-50" />
                    </Rectangle.RenderTransform>
                </Rectangle>
            </DataTemplate>
        </ListBox.ItemTemplate>

        42
    </ListBox>

Answer 1

我在解决这个问题时偶然发现了这个问题的解决方案。如果您在样式模板中将 ScrollViewer 的 Horizo​​ntalScrollMode 和 VerticalScrollMode 更改为“Disabled”，它将分别停止在每个方向上的剪切。

编辑：可能不适用于 WPF。我使用 UWP 应用进行了测试。有问题的字段是：

ScrollViewer.Horizo​​ntalScrollMode="Disabled"

ScrollViewer.VerticalScrollMode="Disabled"

Answer 2

ListBoxItem 被 ListBox 模板中的 ScrollViewer 剪切。要解决此问题，我认为您需要从模板中删除 ScrollViewer ，如果需要滚动，您可以将 ListBox 包装在 ScrollViewer 中>

<ScrollViewer HorizontalScrollBarVisibility="Auto"
              VerticalScrollBarVisibility="Auto">
    <ListBox Margin="100,10,0,0">
        <ListBox.Template>
            <ControlTemplate TargetType="{x:Type ListBox}">
                <Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Padding="1" SnapsToDevicePixels="true">
                    <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </ListBox.Template>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Rectangle Fill="Red" Stroke="Green" StrokeThickness="4" Width="100" Height="50">
                    <Rectangle.RenderTransform>
                        <TranslateTransform X="-50" />
                    </Rectangle.RenderTransform>
                </Rectangle>
            </DataTemplate>
        </ListBox.ItemTemplate> 42
    </ListBox>
</ScrollViewer>

更新

Template中的ScrollViewer会生成一个ScrollContentPresenter，其中又有下面的GetLayoutClip

protected override Geometry GetLayoutClip(Size layoutSlotSize)
{
    return new RectangleGeometry(new Rect(base.RenderSize));
}

这个类被Sealed所以你不能从它派生来覆盖这个方法。您必须实现自己的 ScrollContentPresenter （例如 MyScrollContentPresenter），并且可能还需要实现您自己的使用 MyScrollContentPresenter 的 ScrollViewer为了使这项工作有效（如果您在此方法中返回 null ，我认为 ListBox 边界以下的某些项目也可能变得可见）