[UGUI] StudyUI - Button On & Off

guide2를 만들어 명암색을 줄여주고

UI -> Botton을 생성

 

이름 btn으로 변경

리소스를 Source Image에 끌어다 넣어준다

 

 

simple로 해주고

밑에 Set Native Size 눌러준다

 

 

리소스를 누르고

오른쪽에 Sprite Editor를 눌러준다

 

에디터가 뜬다 

 

Apply 눌러져 있는지 확인한다

 

에디터 설정을 했다면 -> Sliced를 사용할 수 있다 

 

btn에서 Image 체크 해제하고

Text 글씨 색상 흰색으로 변경

폰트 끌어다 넣어주고

 

Text 변경하기

Green

40

조절해주기

 

가이드 오브젝트 명암 밝게 해주고

Text오브젝트 스포이드로 찍어서 같은 글씨 색상 만들기

 

 

btn의 이미지를 다시 체크해준다

 

 

Text의 Raycast Target을 체크 해제

 

*코드작성

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class UITest : MonoBehaviour
{
    public Slider slider;
    [Range(0, 1)]
    public float fillAmount;
    public Button btn;

    private void Start()
    {
        this.btn.onClick.AddListener(() => {
            Debug.Log("click");
        });
        
    }

    private void Update()
    {
        slider.value = this.fillAmount;
    }
}

 

*btn을 끌어다 넣어준다

 

*실행 완료