Cắt WPF ngay cả khi không cần cắt bớt - làm thế nào để tắt?

Question

Tôi cần làm nổi bật một số nội dung ra khỏi số ListBox như được chỉ định trong một DataTemplate cho số ListBox.ItemTemplate. Tôi đang sử dụng RenderTransform nhưng nội dung bị cắt bớt trên các ranh giới ListBox. ClipToBounds là False cho toàn bộ cây thị giác.

Tôi đã đọc ở đâu đó rằng WPF thực hiện một số thao tác cắt ngay cả khi không có quy tắc nào được chỉ định với các thuộc tính cắt riêng. Tôi cũng đã phát hiện ra rằng sử dụng Canvas đôi khi có thể chữa được vấn đề cắt nhưng nó không giúp đỡ ở đây.

Làm cách nào để khắc phục sự cố này? Đây là một số XAML mà tôi muốn sửa chữa. Xin lưu ý rằng toàn bộ phần bên trái của hình chữ nhật bị thiếu.

<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

Các ListBoxItem 's đang nhận được cắt bớt bởi ScrollViewer trong ListBox Mẫu. Để làm việc xung quanh này, tôi nghĩ rằng bạn sẽ cần phải loại bỏ các ScrollViewer từ Mẫu và nếu bạn cần di chuyển bạn có thể quấn ListBox trong một 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> 

Cập nhật

Các ScrollViewer trong mẫu sẽ tạo ra một ScrollContentPresenter mà lần lượt có sau GetLayoutClip

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

Cla này ss được niêm phong để bạn không thể lấy được từ nó để ghi đè phương pháp này. Bạn sẽ phải triển khai ScrollContentPresenter của riêng mình (ví dụ: MyScrollContentPresenter) và có thể là của riêng bạn để thực hiện công việc này (và nếu bạn trả lại null trong phương pháp này, tôi nghĩ rằng một số mục bên dưới giới hạn của ListBox có thể hiển thị tốt)

Answer 2

Tôi tình cờ gặp phải một giải pháp cho vấn đề này khi làm việc xung quanh nó. Nếu bạn thay đổi HorizontalScrollMode và VerticalScrollMode của ScrollViewer thành "Disabled" trong mẫu kiểu, nó sẽ ngừng cắt theo từng hướng tương ứng.

Chỉnh sửa: Có thể không hoạt động đối với WPF. Tôi đã thử nghiệm bằng ứng dụng UWP. Các lĩnh vực trong câu hỏi là:

ScrollViewer.HorizontalScrollMode = "Disabled"

ScrollViewer.VerticalScrollMode = "Disabled"