Create a Slider Show Screen Space On Button Click Using C# Script In Untiy

Loading

Create a Slider Show Screen Space On Button Click Using C# Script In Untiy

Introduction

This article demonstrates how to create a Slider Show Screen Show on button click using C# scripts in Unity.

Prerequisites

Unity Environment version 2018.4.19f1

Create a New Project

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Create the Panel

if a canvas is already present in the Hierarchy, right click the canvas and select UI > Panel.

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Rename the Canvas as CanvasSliderShow in Scene View

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Rename the Panel as PanelBackGround in Scene View

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Create the Button

if a canvas is already present in the Hierarchy, right click the canvas and select UI > Button.

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Rename the Button as Preview & Next in Scene View

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Create the Image

If a canvas is already present in the Hierarchy, right click the canvas and select UI > Image.

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Rename the Image as ImageShow in scene View

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Create The Folder

Right-click on Assets. Select Create >> Folder.

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Rename the Folder as Script in Scene View

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Create the Script

Right-click on Assets. Select Create >> C# script

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Rename the Scripts as SliderManager in Scene View.

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Double click on the SliderManager script. Write the code as shown below,

using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
namespace IsmaelNascimento {
public class SliderManager: MonoBehaviour {
#region VARIABLES[SerializeField] private Button btnPrev;
[SerializeField] private Image imgShow;
[SerializeField] private Button btnNext;
[Space(10)]
[SerializeField] private List < Sprite > imagesForShow;
private int indexImagesForShow;
#endregion
#region METHODS_MONOBEHAVIOUR
private void Start() {
btnPrev.onClick.AddListener(OnButtonPrevClicked);
btnNext.onClick.AddListener(OnButtonNextClicked);
}
#endregion
#region METHODS_PRIVATE
private void OnButtonPrevClicked() {
indexImagesForShow--;
if (indexImagesForShow < 0) {
indexImagesForShow = imagesForShow.Count - 1;
}
imgShow.sprite = imagesForShow[indexImagesForShow];
}
private void OnButtonNextClicked() {
indexImagesForShow++;
if (indexImagesForShow > imagesForShow.Count - 1) {
indexImagesForShow = 0;
}
imgShow.sprite = imagesForShow[indexImagesForShow];
}
#endregion
}
}

Save the program

Drag and drop the SliderManager script onto the CanvasSliderShow

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Drag and Drop Button & Image to CanvasSliderShow

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Select Button Preview & Add Component Layout Element in Scene View

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Select Panel BackGround Add Component Hprizontal Layout Group in Scene View

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

On Button Click Start The Slider Show Screen Show Using C# Scripts In Unity

First Output

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Second Output 2nd

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Third Output

Create The Slider Show Screen Space On Button Click Using C# Script In Untiy

Summary

I hope you understood how to create a Slider Show Screen Show on a button click using C# scripts in Unity.