public override void CreateUI()
{
var root = rootVisualElement;
var viewportWindow = document.primaryViewportWindow;
if (viewportWindow == null)
{
return;
}
var selection = viewportWindow.selection;
var viewport = viewportWindow.viewport;
var classDragger = new BuilderClassDragger(this, root, selection, viewport, viewport.parentTracker);
var styleSheetsDragger = new BuilderStyleSheetsDragger(this, root, selection);
m_StyleSheetsPane = new BuilderStyleSheets(this, viewport, selection, classDragger, styleSheetsDragger, null, null);
selection.AddNotifier(m_StyleSheetsPane);
root.Add(m_StyleSheetsPane);
// Command Handler
commandHandler.RegisterPane(m_StyleSheetsPane);
}
public override void CreateUI()
{
var root = rootVisualElement;
titleContent = GetLocalizedTitleContent();
saveChangesMessage = BuilderConstants.SaveDialogSaveChangesPromptMessage;
// Load assets.
var builderTemplate = BuilderPackageUtilities.LoadAssetAtPath <VisualTreeAsset>(BuilderConstants.UIBuilderPackagePath + "/Builder.uxml");
// Load templates.
builderTemplate.CloneTree(root);
// Create overlay painter.
m_HighlightOverlayPainter = new HighlightOverlayPainter();
// Fetch the tooltip previews.
var styleSheetsPaneTooltipPreview = root.Q <BuilderTooltipPreview>("stylesheets-pane-tooltip-preview");
var libraryTooltipPreview = root.Q <BuilderTooltipPreview>("library-tooltip-preview");
// Create selection.
m_Selection = new BuilderSelection(root, this);
// Create Element Context Menu Manipulator
var contextMenuManipulator = new BuilderElementContextMenu(this, selection);
// Create viewport first.
m_Viewport = new BuilderViewport(this, selection, contextMenuManipulator);
selection.documentRootElement = m_Viewport.documentRootElement;
var overlayHelper = viewport.Q <OverlayPainterHelperElement>();
overlayHelper.painter = m_HighlightOverlayPainter;
// Create the rest of the panes.
var classDragger = new BuilderClassDragger(this, root, selection, m_Viewport, m_Viewport.parentTracker);
var styleSheetsDragger = new BuilderStyleSheetsDragger(this, root, selection);
var styleSheetsPane = new BuilderStyleSheets(this, m_Viewport, selection, classDragger, styleSheetsDragger, m_HighlightOverlayPainter, styleSheetsPaneTooltipPreview);
var hierarchyDragger = new BuilderHierarchyDragger(this, root, selection, m_Viewport, m_Viewport.parentTracker)
{
builderStylesheetRoot = styleSheetsPane.container
};
m_Hierarchy = new BuilderHierarchy(this, m_Viewport, selection, classDragger, hierarchyDragger, contextMenuManipulator, m_HighlightOverlayPainter);
var libraryDragger = new BuilderLibraryDragger(this, root, selection, m_Viewport, m_Viewport.parentTracker, hierarchy.container, libraryTooltipPreview)
{
builderStylesheetRoot = styleSheetsPane.container
};
m_Viewport.viewportDragger.builderHierarchyRoot = hierarchy.container;
m_Library = new BuilderLibrary(this, m_Viewport, selection, libraryDragger, libraryTooltipPreview);
m_Inspector = new BuilderInspector(this, selection, m_HighlightOverlayPainter);
m_Toolbar = new BuilderToolbar(this, selection, m_Viewport, hierarchy, m_Library, m_Inspector, libraryTooltipPreview);
m_UxmlPreview = new BuilderUxmlPreview(this);
m_UssPreview = new BuilderUssPreview(this, selection);
root.Q("viewport").Add(m_Viewport);
m_Viewport.toolbar.Add(m_Toolbar);
root.Q("library").Add(m_Library);
root.Q("style-sheets").Add(styleSheetsPane);
root.Q("hierarchy").Add(hierarchy);
root.Q("uxml-preview").Add(m_UxmlPreview);
root.Q("uss-preview").Add(m_UssPreview);
root.Q("inspector").Add(m_Inspector);
// Init selection.
selection.AssignNotifiers(new IBuilderSelectionNotifier[]
{
document,
m_Viewport,
styleSheetsPane,
hierarchy,
m_Inspector,
m_Library,
m_UxmlPreview,
m_UssPreview,
m_Toolbar,
m_Viewport.parentTracker,
m_Viewport.resizer,
m_Viewport.mover,
m_Viewport.anchorer,
m_Viewport.selectionIndicator
});
// Command Handler
commandHandler.RegisterPane(styleSheetsPane);
commandHandler.RegisterPane(hierarchy);
commandHandler.RegisterPane(m_Viewport);
commandHandler.RegisterToolbar(m_Toolbar);
m_MiddleSplitView = rootVisualElement.Q <TwoPaneSplitView>("middle-column");
m_MiddleSplitView.RegisterCallback <GeometryChangedEvent>(OnFirstDisplay);
OnEnableAfterAllSerialization();
}
public BuilderStyleSheets(
BuilderPaneWindow paneWindow,
BuilderViewport viewport,
BuilderSelection selection,
BuilderClassDragger classDragger,
BuilderStyleSheetsDragger styleSheetsDragger,
HighlightOverlayPainter highlightOverlayPainter,
BuilderTooltipPreview tooltipPreview)
: base(
paneWindow,
viewport,
selection,
classDragger,
styleSheetsDragger,
new BuilderStyleSheetsContextMenu(paneWindow, selection),
viewport.styleSelectorElementContainer,
false,
highlightOverlayPainter,
kToolbarPath)
{
m_TooltipPreview = tooltipPreview;
if (m_TooltipPreview != null)
{
var helpTooltipTemplate = BuilderPackageUtilities.LoadAssetAtPath <VisualTreeAsset>(kHelpTooltipPath);
var helpTooltipContainer = helpTooltipTemplate.CloneTree();
m_TooltipPreview.Add(helpTooltipContainer); // We are the only ones using it so just add the contents and be done.
}
viewDataKey = "builder-style-sheets";
AddToClassList(BuilderConstants.ExplorerStyleSheetsPaneClassName);
var parent = this.Q("new-selector-item");
// Init text field.
m_NewSelectorField = parent.Q <BuilderNewSelectorField>("new-selector-field");
m_NewSelectorTextField = m_NewSelectorField.textField;
m_NewSelectorTextField.SetValueWithoutNotify(BuilderConstants.ExplorerInExplorerNewClassSelectorInfoMessage);
m_NewSelectorTextInputField = m_NewSelectorTextField.Q("unity-text-input");
m_NewSelectorTextInputField.RegisterCallback <KeyDownEvent>(OnEnter, TrickleDown.TrickleDown);
UpdateNewSelectorFieldEnabledStateFromDocument();
m_NewSelectorTextInputField.RegisterCallback <FocusEvent>((evt) =>
{
var input = evt.target as VisualElement;
var field = GetTextFieldParent(input);
m_FieldFocusStep = FieldFocusStep.FocusedFromStandby;
if (field.text == BuilderConstants.ExplorerInExplorerNewClassSelectorInfoMessage || m_ShouldRefocusSelectorFieldOnBlur)
{
m_ShouldRefocusSelectorFieldOnBlur = false;
field.value = BuilderConstants.UssSelectorClassNameSymbol;
}
ShowTooltip();
}, TrickleDown.TrickleDown);
m_NewSelectorTextField.RegisterCallback <ChangeEvent <string> >((evt) =>
{
if (m_FieldFocusStep != FieldFocusStep.FocusedFromStandby)
{
return;
}
m_FieldFocusStep = m_NewSelectorTextField.value == BuilderConstants.UssSelectorClassNameSymbol ? FieldFocusStep.NeedsSelectionOverride : FieldFocusStep.Idle;
// We don't want the '.' we just inserted in the FocusEvent to be highlighted,
// which is the default behavior. Same goes for when we add pseudo states with options menu.
m_NewSelectorTextField.SelectRange(m_NewSelectorTextField.value.Length, m_NewSelectorTextField.value.Length);
});
// Since MouseDown captures the mouse, we need to RegisterCallback directly on the target in order to intercept the event.
// This could be replaced by setting selectAllOnMouseUp to false.
m_NewSelectorTextInputField.Q <TextElement>().RegisterCallback <MouseUpEvent>((evt) =>
{
// We want to prevent the default action on mouse up in KeyboardTextEditor, but only when
// the field selection behaviour was changed by us.
if (m_FieldFocusStep != FieldFocusStep.NeedsSelectionOverride)
{
return;
}
m_FieldFocusStep = FieldFocusStep.Idle;
// Reselect on the next execution, after the KeyboardTextEditor selects all.
m_NewSelectorTextInputField.schedule.Execute(() =>
{
m_NewSelectorTextField.SelectRange(m_NewSelectorTextField.value.Length, m_NewSelectorTextField.value.Length);
});
}, TrickleDown.TrickleDown);
m_NewSelectorTextInputField.RegisterCallback <BlurEvent>((evt) =>
{
var input = evt.target as VisualElement;
var field = GetTextFieldParent(input);
if (m_ShouldRefocusSelectorFieldOnBlur)
{
field.schedule.Execute(PostEnterRefocus);
evt.PreventDefault();
evt.StopImmediatePropagation();
return;
}
if (string.IsNullOrEmpty(field.text) || field.text == BuilderConstants.UssSelectorClassNameSymbol)
{
field.SetValueWithoutNotify(BuilderConstants.ExplorerInExplorerNewClassSelectorInfoMessage);
m_PseudoStatesMenu.SetEnabled(false);
}
HideTooltip();
}, TrickleDown.TrickleDown);
// Setup New USS Menu.
m_AddUSSMenu = parent.Q <ToolbarMenu>("add-uss-menu");
SetUpAddUSSMenu();
// Setup pseudo states menu.
m_PseudoStatesMenu = m_NewSelectorField.pseudoStatesMenu;
// Update sub title.
UpdateSubtitleFromActiveUSS();
// Init drag stylesheet root
classDragger.builderStylesheetRoot = container;
styleSheetsDragger.builderStylesheetRoot = container;
RegisterCallback <GeometryChangedEvent>(e => AdjustPosition());
}
public BuilderStyleSheets(
BuilderPaneWindow paneWindow,
BuilderViewport viewport,
BuilderSelection selection,
BuilderClassDragger classDragger,
BuilderStyleSheetsDragger styleSheetsDragger,
HighlightOverlayPainter highlightOverlayPainter,
BuilderTooltipPreview tooltipPreview)
: base(
paneWindow,
viewport,
selection,
classDragger,
styleSheetsDragger,
new BuilderStyleSheetsContextMenu(paneWindow, selection),
viewport.styleSelectorElementContainer,
false,
highlightOverlayPainter,
kToolbarPath)
{
m_TooltipPreview = tooltipPreview;
if (m_TooltipPreview != null)
{
var helpTooltipTemplate = AssetDatabase.LoadAssetAtPath <VisualTreeAsset>(kHelpTooltipPath);
var helpTooltipContainer = helpTooltipTemplate.CloneTree();
m_TooltipPreview.Add(helpTooltipContainer); // We are the only ones using it so just add the contents and be done.
}
viewDataKey = "builder-style-sheets";
AddToClassList(BuilderConstants.ExplorerStyleSheetsPaneClassName);
var parent = this.Q("new-selector-item");
// Init text field.
m_NewSelectorField = parent.Q <BuilderNewSelectorField>("new-selector-field");
m_NewSelectorTextField = m_NewSelectorField.textField;
m_NewSelectorTextField.SetValueWithoutNotify(BuilderConstants.ExplorerInExplorerNewClassSelectorInfoMessage);
m_NewSelectorTextInputField = m_NewSelectorTextField.Q("unity-text-input");
m_NewSelectorTextInputField.RegisterCallback <KeyDownEvent>(OnEnter, TrickleDown.TrickleDown);
UpdateNewSelectorFieldEnabledStateFromDocument();
m_NewSelectorTextInputField.RegisterCallback <FocusEvent>((evt) =>
{
var input = evt.target as VisualElement;
var field = input.parent as TextField;
m_FieldFocusedFromStandby = true;
if (field.text == BuilderConstants.ExplorerInExplorerNewClassSelectorInfoMessage || m_ShouldRefocusSelectorFieldOnBlur)
{
m_ShouldRefocusSelectorFieldOnBlur = false;
field.value = BuilderConstants.UssSelectorClassNameSymbol;
}
ShowTooltip();
});
m_NewSelectorTextField.RegisterCallback <ChangeEvent <string> >((evt) =>
{
var field = evt.target as TextField;
if (!m_FieldFocusedFromStandby)
{
return;
}
m_FieldFocusedFromStandby = false;
// We don't want the '.' we just inserted in the FocusEvent to be highlighted,
// which is the default behavior.
field.SelectRange(1, 1);
});
m_NewSelectorTextInputField.RegisterCallback <BlurEvent>((evt) =>
{
var input = evt.target as VisualElement;
var field = input.parent as TextField;
if (m_ShouldRefocusSelectorFieldOnBlur)
{
field.schedule.Execute(PostEnterRefocus);
evt.PreventDefault();
evt.StopImmediatePropagation();
return;
}
if (string.IsNullOrEmpty(field.text) || field.text == BuilderConstants.UssSelectorClassNameSymbol)
{
field.SetValueWithoutNotify(BuilderConstants.ExplorerInExplorerNewClassSelectorInfoMessage);
m_PseudoStatesMenu.SetEnabled(false);
}
HideTooltip();
});
// Setup New USS Menu.
m_AddUSSMenu = parent.Q <ToolbarMenu>("add-uss-menu");
SetUpAddUSSMenu();
// Setup pseudo states menu.
m_PseudoStatesMenu = m_NewSelectorField.pseudoStatesMenu;
// Update sub title.
UpdateSubtitleFromActiveUSS();
}