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 Panel

 

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

 

 

Rename the Canvas as CanvasSliderShow in Scene View

 

 

Rename the Panel as PanelBackGround in Scene View

 

 

Create the Button

 

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

 

 

Rename the Button as Preview & Next in Scene View

 

 

Create the Image

 

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

 

 

Rename the Image as ImageShow in scene View

 

 

Create The Folder

 

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

 

 

Rename the Folder as Script in Scene View

 

 

Create the Script

 

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

 

 

Rename the Scripts as SliderManager in Scene View.

 

 

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

 

 

Drag and Drop Button & Image to CanvasSliderShow

 

 

Select Button Preview & Add Component Layout Element in Scene View

 

 

Select Panel BackGround Add Component Hprizontal Layout Group in Scene View

 

 

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

 

First Output 

 

 

Second Output 2nd

 

 

Third Output

 

 

Summary

 

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