Evo uiUi elements
Showcase Panel
An animated display panel
This page documents Evo UI v1. For the current version, see Evo UI v2. Upgrading? Read the migration guide.
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
using UnityEngine;
using Evo.UI;
public class ShowcasePanelExample : MonoBehaviour
{
public ShowcasePanel panel;
void Start()
{
// Automatically rotate items
panel.setWithTimer = true;
panel.timer = 4;
}
}