Unity/UI 7

uGUI 세팅 팝업 만들기

UserID 버튼 클릭하면 아이디 팝업이 뜬다 아이디 팝업창에서 아이디를 볼 수 있고 아이디 카피 버튼을 클릭하면 아이디를 클립보드에 복사할 수 있다 x 버튼 클릭하면 팝업이 닫힌다 Logout 버튼 클릭하면 로그아웃 되어서 다시 UserID 버튼을 클릭했을 때 아이디 팝업창에서 아이디와 아이디 카피 버튼이 사라지고 로그인하라는 메세지가 나타난다 나머지 항목들(스위치나 슬라이더)을 만들 때는 특이사항이 없었다 using UnityEngine; public class GridScrollViewMain : MonoBehaviour { public UIGridScrollViewDirector director; private void Start() { this.director.Init(); } } using U..

Unity/UI 2023.02.20

상점 동적 스크롤뷰/데이터 연동/Tab 메뉴 구현

스크롤뷰를 세 개 만들어서 시작할 때 각각 스크롤뷰의 셀뷰들을 생성 하고 메뉴 탭하면 해당 스크롤뷰만 활성화되고 다른것은 비활성화되도록 만들었다 활성화/비활성화 되는 부분 구현 using System.Collections; using System.Collections.Generic; using UnityEngine; public class UITabMenu : MonoBehaviour { public UIMenu[] arrUIMenu; public GameObject[] arrUIScrollViewGo; private UIMenu selectedUIMenu; public UIMenu.eMenuType menuType = UIMenu.eMenuType.Chest; //선택된 메뉴 타입 public UISc..

Unity/UI 2023.02.19

좌우로 넘기는 동적 스크롤뷰 만들기

정적 스크롤뷰 먼저 만들고 이어서 진행 https://s00wb.tistory.com/103 좌우로 넘기는 정적 스크롤뷰 만들기 정적 스크롤뷰 만들기 1. Image scrollview 스크롤할 영역만큼 크기 조절 2. scrollview 안에 Create Empty contents 앵커 왼쪽 위, 사이즈 조절 Add Component Content Size Fitter-Horizontal Fit-Preferred Size Add Component Horizonta s00wb.tistory.com **변하지 않는 데이터(~data)만 연동해서 만드는 경우 ShopMain 1. CreateEmpty ShopMain+ShopMain(Script) 4. UIShop 관리 10. UIShop 초기화 재화, 탭 ..

Unity/UI 2023.02.13

좌우로 넘기는 정적 스크롤뷰 만들기

정적 스크롤뷰 만들기 1. Image scrollview 스크롤할 영역만큼 크기 조절 2. scrollview 안에 Create Empty contents 앵커 왼쪽 위, 사이즈 조절 Add Component Content Size Fitter-Horizontal Fit-Preferred Size Add Component Horizontal Layout Group-Spacing 조절 3. contents안에 Image item 앵커 왼쪽 위, 사이즈 적절히 조절 컨트롤+D 필요한 갯수만큼 4. scrollview에 Add Component Scroll Rect ScrollRect-Content에 contents 넣고 Horizontal만 체크 Add Component Mask-Show Mask Graph..

Unity/UI 2023.02.13

슬라이더 만들기

1. 빈 오브젝트 UISlider 만들기 1-1. 가이드 슬라이더 면적 딱 맞춰서 영역 잡기 1-2. frame 이미지 추가 2. UISlider 안에 빈 오브젝트 fill_area 만들기 2-1. 프레임 안에 딱 맞춰서 영역 잡기 3. fill_area 안에 이미지 fill 만들기 3-1. fill 이미지 추가 3-2. 앵커 프리셋 알트+left 스트레치 3-3. Width 0 4. UISlider에 Add Component Slider 4-1 Slider-fill Rect에 fill 넣기 5. UISlider 안에 이미지 handle 만들기 5-1. handle 이미지 추가 5-2. 앵커 프리셋 right+middle 5-3. PosX 0 6.fill 안으로 handle 옮기기 ※이미지 크기 조절 시..

Unity/UI 2023.02.11

체크박스 만들기

수업 시간에 완성한 것 집에서 다시 만들어 본 것 집에서 다시 만들어 보는데 체크박스가 두 개라서 한 곳을 누르면 다른 곳 상태가 변하게 만들어야 하나 싶었는데 보통 체크박스는 서로 다른 항목에 대해 체크하는 거니까 독립적으로 작동하게 만들었다 코드는 SwitchButton 만든 것을 참고해서 만들었다 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class UICheckBox : MonoBehaviour { private bool state; //false , true private Button btn; public GameObject[] offOn; //0..

Unity/UI 2023.02.07
반응형