recorte de WPF incluso cuando no se desea ningún recorte, ¿cómo desactivarlo?

Question

Necesito que salga algo de contenido del ListBox como se especifica en un DataTemplate para un ListBox.ItemTemplate. Estoy usando RenderTransform pero el contenido se recorta en ListBox boundaries. ClipToBounds es False para todo el árbol visual.

He leído en algún lugar que WPF realiza internamente algunos clipping incluso cuando no se especifica ninguno con propiedades de recorte dedicadas. También descubrí que usar Canvas a veces puede curar el problema de recorte, pero no ayuda aquí.

¿Cómo puedo solucionar este problema? Aquí hay algunos XAML que quiero arreglar. Tenga en cuenta que falta toda la parte izquierda del rectángulo.

<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

Los ListBoxItem 's se están cortadas por el ScrollViewer en la plantilla ListBox. Para evitar esto, creo que necesita para eliminar el ScrollViewer de la plantilla y si es necesario el desplazamiento se puede envolver el ListBox en un 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> 

actualización

El ScrollViewer en la plantilla generar una ScrollContentPresenter que a su vez tiene la siguiente GetLayoutClip

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

Este cla ss está sellado por lo que no puede derivarse de él para anular este método. Tendría que implementar su propio ScrollContentPresenter (por ej. MyScrollContentPresenter) y probablemente su propio ScrollViewer que usa MyScrollContentPresenter para hacer que esto funcione (y si devuelve null en este método, creo que algunos elementos debajo de los límites del ListBox podrían hacerse visibles como bien)

Answer 2

Me encontré con una solución a este problema por accidente mientras trabajaba alrededor. Si cambia el HorizontalScrollMode y VerticalScrollMode de ScrollView a "Desactivado" dentro de la plantilla de estilo, se detendrá el recorte en cada dirección, respectivamente.

Editar: Puede que no funcione para WPF. Probé con una aplicación UWP. Los campos en cuestión son:

ScrollViewer.HorizontalScrollMode = "desactivada"

ScrollViewer.VerticalScrollMode = "desactivada"