이재협/실장/시스템개발실/PHYSIA

이재협/실장/시스템개발실/PHYSIA

Manual

Unity의 USS(유니티 스타일시트) 소개

일러두기 이 문서는 Unity의 UI 스타일링 도구인 USS(Unity Style Sheets)에 대한 이해를 돕습니다. USS는 HTML의 CSS(캐스케이딩 스타일시트)에서 영감을 받아 만들어졌으며, UI 요소를 쉽게 스타일링할 수 있는 방법을 제공합니다. USS 소개 USS는 텍스트 파일 형식으로, Unity UI의 스타일을 정의하는 데 사용됩니다. CSS 구문을 기반으로 하지만 Unity의 작업을

By 이재협/실장/시스템개발실/PHYSIA

Manual

Unity UI 스타일링 및 USS 베스트 프랙티스

이 문서에서는 Unity에서 UI를 스타일링할 때 사용하는 USS(운영자 스타일 시트)에 대한 베스트 프랙티스와 성능 개선 방법을 소개합니다. Unity의 UI 툴킷을 활용하여 효율적이고 깔끔한 스타일링을 구현하는 데 도움을 줄 것입니다. 기본 원칙 1. 인라인 스타일 피하기 * 메모리 사용 효율: 가능하면 인라인 스타일 대신 USS 파일을 사용하세요. 인라인 스타일은 모든

By 이재협/실장/시스템개발실/PHYSIA

Manual

Unity 매뉴얼: 커스텀 프로퍼티(변수) 만들기

개요 Unity에서 사용자 인터페이스(UI)를 만들 때, 스타일링을 더욱 유연하게 적용할 수 있는 방법 중 하나가 USS(유니티 스타일 시트)에서 커스텀 프로퍼티를 사용하는 것입니다. 이러한 프로퍼티는 스타일값을 모듈화하여 재사용 가능하게 만들어 줍니다. 커스텀 프로퍼티(USS 변수)란? 커스텀 프로퍼티, 또는 USS 변수는 다른 USS 규칙에서 재사용할 수 있는

By 이재협/실장/시스템개발실/PHYSIA

Manual

Unity 사용자 매뉴얼: 사용자 인터페이스(UI) 생성

이 문서는 Unity의 사용자 인터페이스(UI) 생성에 대해 설명합니다. 여기서는 UI 툴킷, USS(스타일 시트), 그리고 커스텀 프로퍼티를 다룹니다. UI 툴킷 UI 툴킷은 Unity에서 UI를 구축하는 데 필요한 다양한 도구와 기능을 제공합니다. 이를 통해 개발자는 효과적이고 직관적인 사용자 인터페이스를 손쉽게 만들 수 있습니다. USS (Unity Style Sheets) USS는 UI 스타일을

By 이재협/실장/시스템개발실/PHYSIA

Manual

Unity 사용자 매뉴얼 - UI 스타일링 및 USS 프로퍼티

이 문서는 Unity의 UI 툴킷과 USS(계층형 스타일시트) 프로퍼티에 대해 설명합니다. 기본적인 UI 스타일링 방법과 주요 프로퍼티에 대해 알아볼 것입니다. 박스 모델 박스 모델은 UI 요소의 크기와 배치를 정의하는 데 사용됩니다. 프로퍼티 설명 width 요소의 너비 height 요소의 높이 min-width 요소의 최소 너비 min-height 요소의 최소 높이 max-width 요소의 최대

By 이재협/실장/시스템개발실/PHYSIA

Manual

Unity 매뉴얼: UI 스타일링 및 USS 선택자

이 문서는 Unity에서 사용자 인터페이스(UI)를 생성하는 방법과 USS(유니티 스타일 시트) 선택자에 대해 설명합니다. 간단하고 다양한 활용 예제를 포함하여 쉽게 이해할 수 있도록 구성하였습니다. 목차 1. USS 선택자란? 2. 선택자 유형 3. 선택자 우선 순위 4. 활용 예제 USS 선택자란? USS 선택자는 USS 규칙이 적용되는 요소를 결정하는 역할을

By 이재협/실장/시스템개발실/PHYSIA

Manual

Unity 사용자 매뉴얼 2022.3 (LTS) - UI 스타일링

사용자 인터페이스(UI) 생성 UI 툴킷 USS 선택자 범용 선택자 범용 선택자(또는 와일드카드 선택자)는 모든 UI 요소와 매칭됩니다. CSS에서의 범용 선택자와 유사한 기능을 합니다. 구문 * { ... } 예제 다음은 간단한 선택자로 UI 요소를 일치시키는 방법을 보여주는 예시입니다. <UXML xmlns="UnityEngine.UIElements"> <VisualElement name="container1&

By 이재협/실장/시스템개발실/PHYSIA

Manual

Unity 사용자 매뉴얼 - UI 스타일링

개요 이 문서는 Unity UI 툴킷에서의 USS(유니티 스타일 시트) 선택자에 대해 설명합니다. 특히 타입 선택자의 개념과 사용법을 다룹니다. 타입 선택자 USS 타입 선택자는 특정 오브젝트의 타입에 따라 스타일을 적용합니다. 이는 HTML의 CSS 선택자와 유사하게 작동합니다. 문법 타입 선택자를 정의할 때는 다음과 같은 문법을 사용합니다: TypeName { ... } * 타입 이름에는 네임스페이스를 포함하지

By 이재협/실장/시스템개발실/PHYSIA

Manual

Unity 사용자 매뉴얼: UI 스타일링과 유사 클래스

이 문서는 Unity의 UI 스타일링에 관한 내용을 설명하며, 유사 클래스와 그 활용에 대한 예제를 제공합니다. 유사 클래스란? 유사 클래스는 특정 상태에 있는 요소를 선택하는 데 사용됩니다. 예를 들어, 버튼에 마우스 포인터가 올라갈 때 스타일을 변경할 수 있습니다. 예제 아래 코드는 사용자가 버튼에 마우스를 올려 놓으면 버튼 배경색이 연두색으로 바뀌도록 설정합니다.

By 이재협/실장/시스템개발실/PHYSIA

Manual

Unity 사용자 매뉴얼: 사용자 인터페이스(UI) 생성

UI 툴킷 USS 선택자 * 이름 선택자는 요소의 이름을 기준으로 요소를 매칭하는 방식입니다. 이는 CSS ID 선택자와 유사한 기능을 합니다. 이름 선택자 설정 방법: 1. C# 스크립트에서 VisualElement.name 사용 2. UXML에서 name 속성 사용 <VisualElement name="my-nameName"> 예기치 않은 매칭을 방지하기 위해, 패널의 모든 요소 이름은

By 이재협/실장/시스템개발실/PHYSIA

Manual

Unity 사용자 매뉴얼: UI 툴킷 - 다중 선택자

개요 이 문서는 Unity에서 사용자 인터페이스(UI)를 생성할 때 사용할 수 있는 다중 선택자에 대해 다룹니다. 다중 선택자는 여러 개의 단순 선택자를 조합하여 여러 요소를 선택할 수 있는 강력한 도구입니다. 다중 선택자란? 다중 선택자는 여러 개의 단순 선택자가 결합된 것으로, 모든 단순 선택자와 일치하는 요소를 선택합니다. 구문은 다음과 같습니다:

By 이재협/실장/시스템개발실/PHYSIA

Manual

Unity 사용자 매뉴얼: 사용자 인터페이스(UI) 생성

UI 툴킷 Unity의 UI 툴킷은 사용자가 사용자 인터페이스를 생성하고 스타일링하는 데 필요한 도구와 기능을 제공합니다. 이 매뉴얼에서는 USS(유니티 스타일 시트) 선택자에 대해 설명하고, 다중 선택자의 사용법에 대해 알아보겠습니다. 선택자 리스트 선택자 리스트는 동일한 스타일 규칙을 공유하는 여러 선택자를 쉼표로 구분하여 나열한 것입니다. 이를 통해 코드를 더 간결하고 관리하기 쉽게

By 이재협/실장/시스템개발실/PHYSIA