유니티/UI
-
정적 스크롤뷰유니티/UI 2024. 2. 15. 16:55
원래는 만드는 방법을 대충 아니 쓸 생각이 없었는데 이번에 한가지 오류가 나게 되면서 한번 짚고 넘어가기로 하자 문제의 오류는 일정 구간 이상 올리거나 내리면 스크롤이 되지 않아야하는데 제한없이 그대로 쭉 가버린다는것이다. 분명이 배운대로 했는데 어디가 문제인건지 알 수 없어 처음부터 다시 만들어보기로 했다 캔버스를 하나 만들어주고, 그 밑에 소스자료로 쓰일 이미지를 guied라는 이름으로 만들어준다 소스 이미지는 왼쪽으로 정렬해준다 그리고 Canvas Scaler에 있는 설정창에서 UI Scale Mode => Scale With Screen Size => 화면이 커질수록 UI요소도 커지도록 하기 Reference Resolution => 1920, 1080 => 해상도 직접 입력 Screen Matc..
-
UI 응용 총정리유니티/UI 2024. 2. 7. 18:03
총 4가지를 만들 예정이다 1. 버튼1을 누르면 버튼 3,4를 사라지게 하기 / 버튼2를 누르면 버튼 3,4를 나타나게 하기 2. ShowPopup 버튼을 누르면 Popup상자를 나타나게 하기 / Popup상자에 달린 close버튼을 누르면 사라지게 하기 (글자제한 5글자) 3. Popup창의 Inputfield에 이름 입력. 두글자 이하면 두글자 이하버튼, 세글자 이상이면 세글자 이상 버튼이 나타나게 하기 4. [세글자 이상 버튼] 대신 [닉네임 변경]으로 버튼이름 변경. [닉네임 변경]을 누를시 텍스트 상자에 "[바뀐 이름]으로 변경되었습니다" 출력. 1. 버튼1을 누르면 버튼 3,4를 사라지게 하기 / 버튼2를 누르면 버튼 3,4를 나타나게 하기 캔버스를 만들고 그 안에 버튼 4개를 만들어준다 우선..
-
UI 응용2 (버튼 클릭시 나머지 버튼 비활성화 시키기)유니티/UI 2024. 2. 7. 02:16
임의로 버튼 3개를 만든다 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class UIComponent : MonoBehaviour { [SerializeField] private Button btn1; [SerializeField] private Button btn2; [SerializeField] private Button btn3; void Start() { this.btn1.onClick.AddListener(() => { // 2,3번 비활성화 this.btn2.gameObject.SetActive(false); this.btn3.gameObject..
-
UI 응용1(클릭시 문자열 출력)유니티/UI 2024. 2. 7. 02:10
원래 Canvas였던 이름을 UIComponent로 변경해준뒤 같은 이름의 스크립트도 만들어 넣어준다 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class UIComponents : MonoBehaviour { [SerializeField] private Button blueButton; public void BlueButtonClick() { Debug.Log("Blue Button Clicked!"); } } 스크립트에는 버튼을 클릭할때마다 Blue Button Clicked! 이라는 메세지가 콘솔창에 뜨게 만들거다 using System.Collect..
-
버튼 만들기유니티/UI 2024. 2. 7. 02:03
우선 버튼을 따올 소스이미지를 가져오기 위해 캔버스를 만든뒤 그 밑에 이미지를 하나 더 만든다 소스로 사용될 이미지를 붙어준다 처음에 Scene뷰에 부자연스럽게 들어가있지만 Inspector창의 Set Native Size를 클릭한다면 자연스럽게 맞춰진다 UI를 따기 수월해지도록 소스이미지의 알파를 내리고 색상도 살짝 어두운 계열로 내려 투명하게 해준다 이번엔 이 Blue 버튼을 따볼 예정이며 버튼이기 때문에 캔버스안에 버튼을 하나 추가한뒤 bluebutton으로 이름을 바꿔준다 만들어진 버튼을 원본위에 겹친다 이 버튼에 입힐 원본 소스를 찾고, 버튼 소스 이미지에 집어넣어준다 외형은 어느정도 비슷해졌지만 크기를 정확히 똑같게 하기 위해 버튼의 활성화/비활성화를 반복한다 이런식으로 반복해가며 정밀하게 사..