When I add a layout transformer - scaletransform to a listboxitem control the content appears blurry, even using a 1:1 transformation.
I was adding a zoom functionality to my application. Without the transformer all looks good.
<ListBox x:Name="ListItems" DataContext="{Binding}" >
<ListBox.ItemTemplate>
<DataTemplate>
<tl:LayoutTransformer>
<tl:LayoutTransformer.LayoutTransform>
<ScaleTransform ScaleX="{Binding Path=DataContext.Zoom, ElementName=ListItems}"
ScaleY="{Binding Path=DataContext.Zoom, ElementName=ListItems}" />
</tl:LayoutTransformer.LayoutTransform>
<l:UiListBoxItem x:Name="uiItem" />
</tl:LayoutTransformer>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
Comments: ** Comment from web user: stogle **
I was adding a zoom functionality to my application. Without the transformer all looks good.
<ListBox x:Name="ListItems" DataContext="{Binding}" >
<ListBox.ItemTemplate>
<DataTemplate>
<tl:LayoutTransformer>
<tl:LayoutTransformer.LayoutTransform>
<ScaleTransform ScaleX="{Binding Path=DataContext.Zoom, ElementName=ListItems}"
ScaleY="{Binding Path=DataContext.Zoom, ElementName=ListItems}" />
</tl:LayoutTransformer.LayoutTransform>
<l:UiListBoxItem x:Name="uiItem" />
</tl:LayoutTransformer>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
Comments: ** Comment from web user: stogle **
Try adding UseLayoutRounding="True" to the child of your LayoutTransformer.