Toolverse
All skills

editor-ui

by JasonXuDeveloper

JEngine Editor UI component library with theming. Triggers on: custom inspector, editor window, Unity editor UI, UIElements, VisualElement, JButton, JStack, JCard, JTextField, JDropdown, JTabView, tab view, tabbed container, design tokens, dark theme, light theme, editor

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
Frontend
Views
7

About this skill

JEngine Editor UI component library with theming. Triggers on: custom inspector, editor window, Unity editor UI, UIElements, VisualElement, JButton, JStack, JCard, JTextField, JDropdown, JTabView, tab view, tabbed container, design tokens, dark theme, light theme, editor styling, themed button, form layout, progress bar, status bar, toggle button, button group

How to use

  1. Dodaj do swojego projektu Unity referencję do biblioteki JEngine Editor UI, importując odpowiednie przestrzenie nazw: Button, Layout, Form, Feedback i Navigation z pakietu JEngine.UI.Editor.Components, oraz Theming do obsługi motywów.

  2. Utwórz przycisk tematyzowany za pomocą JButton, podając tekst, akcję callback i wariant (Primary, Secondary, Success, Danger, Warning). Użyj interfejsu płynnego do konfiguracji — możesz ustawić szerokość, rozmiar, stan włączenia i inne właściwości.

  3. Dla przycisków z ikonami użyj JIconButton, określając ikonę, akcję i rozmiar. Przydatne do pasków narzędzi i akcji wbudowanych w interfejs.

  4. Jeśli potrzebujesz przycisków dwustanowych, zastosuj JToggleButton z tekstami dla stanów włączonego i wyłączonego, wariantami kolorów i callbackiem na zmianę wartości.

  5. Grupuj przyciski za pomocą JButtonGroup, aby utworzyć responsywny rząd przycisków dostosowujący się do dostępnego miejsca.

  6. Wszystkie komponenty automatycznie dostosowują się do wybranego motywu edytora (ciemny lub jasny), więc nie musisz ręcznie zarządzać kolorami — po prostu używaj komponentów i pozwól bibliotece zadbać o spójność wizualną.

Related skills