Theme Integration

Overview

Screenshot Utilities currently has two controls that can be added to themes to display screenshots in grid or detail view. Both are simple to integrate and can be customized with styles.

The controls and how to integrate them

Screenshot Viewer

The screenshot viewer displays all provided screenshots in a control similar to the screenshots in the steam store. To add it to your theme you can use this code:

<ContentControl x:Name="ScreenshotUtilities_ScreenshotViewerControl"
                Visibility="{PluginSettings Plugin=ScreenshotUtilities, Path=IsViewerControlVisible, FallbackValue=Collapsed, Converter={StaticResource BooleanToVisibilityConverter}}" />

The visibility property allows the addon to be hidden via the addon settings. Of course you can also use it in a parent control that contains the screenshot viewer instead.

If you need a caption that is translated in the addon supported languages you can use LOC_ScreenshotUtilities_ControlLabel as a dynamic resource like this:

<TextBlock Text="{DynamicResource LOC_ScreenshotUtilities_ControlLabel}"/>

Addon button

Using the button control you can provide an easy way to open the standalone screenshot viewer window. To add it use this code:

<ContentControl x:Name="ScreenshotUtilities_ButtonControl"
                Visibility="{PluginSettings Plugin=ScreenshotUtilities, Path=IsButtonControlVisible, FallbackValue=Collapsed, Converter={StaticResource BooleanToVisibilityConverter}}" />

The control is a simple button with a screenshot icon as its text. You can style it like you would other buttons added by common addons like HowLongToBeat or GameActivity.