02-15-2022, 07:04 PM
(This post was last modified: 02-15-2022, 07:58 PM by poetickatana.)
(02-15-2022, 04:19 PM)keysr Wrote: Same for me. Thing is, I think it's due to the rounded corners. I disabled those from other themes because they lag scrolling so much with around 5k+ entries.
Most of the themes that have rounded cover corners achieve it by applying an opacity mask to the cover images which seems to lead to performance issues. It's most noticeable to me when animated background transitions are enabled.
The only workaround I found was to avoid opacity masks altogether and use a rounded border with its ImageBrush set to the cover image instead.
It's a kludgy solution and gets messy with banners, since you need multiple borders with 2 rounded corners.
Update
I tried the solution mentioned above on this theme. I think it helped a little bit?
If you want to give a try, here's what you have to do specifically.
0. Make a backup of GridViewCards_9af15fb8-f51c-45df-93fc-235c50bfcd39\DerivedStyles\GridViewItemTemplate.xaml
Then, in the original file:
1. Delete
<Grid.OpacityMask>
<VisualBrush Visual="{Binding ElementName=Mask}" />
</Grid.OpacityMask>
2. Replace
<Border Name="Mask" Background="{DynamicResource NormalBrush}" CornerRadius="5" Opacity="{DynamicResource GameCoverOpacity}">
<Border.CacheMode>
<BitmapCache RenderAtScale="2" />
</Border.CacheMode>
</Border>
With
<Border CornerRadius="5" Opacity="{DynamicResource GameCoverOpacity}">
<Border.CacheMode>
<BitmapCache RenderOptions.BitmapScalingMode="Fant"/>
</Border.CacheMode>
<Border.Background>
<ImageBrush ImageSource="{Binding ElementName=PART_ImageCover, Path=Source}" Stretch="{Binding ElementName=PART_ImageCover, Path=Stretch}" />
</Border.Background>
</Border>
3. Finally, under the line that says <Image Name="PART_ImageCover" add Visibility="Collapsed"