Showcase Panel

Overview

Showcase Panel displays a list of items with animated transitions, timed cycling, hover based previewing, and link or event execution.

This component is ideal for shortcuts and social media links.

Properties

Content

Name	Type	Description
`currentIndex`	`int`	Currently displayed item index
`items`	`List<Item>`	List of showcase entries

Item

Field	Type	Description
`title`	`string`	Button label text
`url`	`string`	URL opened when clicked
`icon`	`Sprite`	Icon shown in the button
`background`	`Sprite`	Background image for the panel
`shadowColor`	`Color`	Shadow tint for backgroundShadow
`description`	`string`	Description text displayed in the panel
`onClick`	`UnityEvent`	Callback executed when item button is clicked
`button`	`Button`	Runtime generated button reference

Settings

Name	Type	Description
`useUnscaledTime`	`bool`	Uses unscaled delta time for animations
`setWithTimer`	`bool`	Automatically cycles items over time
`timer`	`float`	Seconds before moving to next item
`animationDuration`	`float`	Duration for slide in and out transitions
`slideOffset`	`Vector2`	Offset used for text slide animations

References

Name	Type	Description
`buttonParent`	`Transform`	Parent object that holds generated item buttons
`buttonPreset`	`GameObject`	Prefab used to create each item button
`textDisplay`	`TextMeshProUGUI`	Displays the item description
`backgroundImage`	`Image`	Image used as background
`backgroundShadow`	`Image`	Shadow tint behind background image

Public Methods

Name	Parameters	Description
`Initialize()`	None	Re builds buttons and resets content
`SetItemContent(index)`	`int`	Updates displayed text and background
`ShowCurrentItem()`	None	Runs full update and in animation
`HighlightCurrentButton()`	None	Sets Highlighted state on item button
`SetButtonsInteractable(value, except)`	`bool, Button`	Enables or disables all buttons

Code Example

ShowcasePanelExample.cs

using UnityEngine;
using Evo.UI;

public class ShowcasePanelExample : MonoBehaviour
{
    public ShowcasePanel panel;

    void Start()
    {
        // Automatically rotate items
        panel.setWithTimer = true;
        panel.timer = 4;
    }
}