Playnite Forums
  • Playnite Web
  • Rules
  • Members
  • Team
  • Search
  • Register
  • Login
  • Home
  • Members
  • Help
  • Search
Playnite Forums Extension Database Themes - Desktop Grid View Cards

Grid View Cards
Goose
Offline

#1
01-20-2022, 03:22 PM (This post was last modified: 01-23-2022, 05:38 PM by Goose.)
A dark theme for the grid view featuring card based UI design

You can find installation help & more information about the theme on github https://github.com/JG00SE/GridViewCards

If you require any help with the theme. Feel free to message me on discord for a quick response. You can find me on the Playnite discord with the username Goose.

I also check the forums but response time will be slower.

[Image: Screenshot_01.png]


.pthm   GridViewCards_9af15fb8-f51c-45df-93fc-235c50bfcd39_0_2.pthm (Size: 29.61 KB / Downloads: 907)
sheepbeep
Offline

#2
01-21-2022, 07:32 PM
Screenshots etc would be nice? Is this not a full theme?
Goose
Offline

#3
01-23-2022, 05:41 PM
(01-21-2022, 07:32 PM)sheepbeep Wrote: Screenshots etc would be nice? Is this not a full theme?

Forum post has been updated with relevant links & images. It's a full theme, the forum page was just temporarily left as a placeholder while I setup Github & theme distribution through the playnite addon database.
heartwork
Offline

#4
02-03-2022, 08:34 AM
This is a really lovely theme, thanks a lot!
I only have a small problem with the Links-, Tags- and Features-sections not being displayed correctly: https://imgur.com/a/jPjMIRc

Would it be possible to show HLTB-data?
Goose
Offline

#5
02-04-2022, 11:40 AM
(02-03-2022, 08:34 AM)heartwork Wrote: This is a really lovely theme, thanks a lot!
I only have a small problem with the Links-, Tags- and Features-sections not being displayed correctly: https://imgur.com/a/jPjMIRc

Would it be possible to show HLTB-data?

This is how they currently look if you have any transparency on the theme containers (adjustable using theme modifer), the background colour blends in with the container if they're fully opaque. I would like to figure out a better method for those links in the future instead of the current scrollviewer.

I can add HLTB into a future update.
admne
Offline

#6
02-08-2022, 02:24 PM
It looks great. Such an amazing theme.
Ouroboros650
Offline

#7
02-15-2022, 02:24 AM
I really like this theme, but having enough grid images on screen significantly lags the scrolling and i wish i knew why because i really want to use this theme
keysr
Offline

#8
02-15-2022, 04:19 PM
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.
poetickatana
Offline

#9
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"
Ouroboros650
Offline

#10
02-15-2022, 09:12 PM
Yeah, that actually did the trick
poetickatana
Offline

#11
02-15-2022, 10:23 PM
Cool. Just so you know, there's one minor side effect to this:

The theme applies a diagonal gradient effect over the covers. With my change, the opacity of this gradient will not scale with that of the cover images. i.e. if you lower the cover opacity setting, the gradient effect will pop out more. It's easily fixable if this is an issue for you.
Ouroboros650
Offline

#12
02-15-2022, 11:25 PM
Alright, good to know and thanks
danny19901
Offline

#13
02-19-2022, 03:50 PM
Amazing Theme it's my favourite theme my only issue i have is when for instance im choosing covers/backgrounds etc... i Get a single line of stuff to choose from how i can i make this Grid Like and have Vertical Scrolling rather than Horizontal it's the only theme i've noticed this with i tried looking around in the files etc... but think im looking in the wrong places
« Next Oldest | Next Newest »



  • View a Printable Version
  • Subscribe to this thread

© Designed by D&D - Powered by MyBB

Linear Mode
Threaded Mode