646 lines
29 KiB
C#
646 lines
29 KiB
C#
|
// Copyright (c) 2015 - 2023 Doozy Entertainment. All Rights Reserved.
|
|||
|
|
// This code can only be used under the standard Unity Asset Store End User License Agreement
|
|||
|
|
// A Copy of the EULA APPENDIX 1 is available at http://unity3d.com/company/legal/as_terms
|
|||
|
|
|
|||
|
|
using System.Collections.Generic;
|
|||
|
|
using Doozy.Editor.EditorUI;
|
|||
|
|
using Doozy.Editor.EditorUI.Components;
|
|||
|
|
using Doozy.Editor.EditorUI.Components.Internal;
|
|||
|
|
using Doozy.Editor.EditorUI.Utils;
|
|||
|
|
using Doozy.Editor.EditorUI.Windows.Internal;
|
|||
|
|
using Doozy.Editor.UIDesigner.Utils;
|
|||
|
|
using Doozy.Editor.UIElements;
|
|||
|
|
using Doozy.Runtime.UIDesigner;
|
|||
|
|
using Doozy.Runtime.UIElements.Extensions;
|
|||
|
|
using UnityEditor;
|
|||
|
|
using UnityEditor.UIElements;
|
|||
|
|
using UnityEngine;
|
|||
|
|
using UnityEngine.UIElements;
|
|||
|
|
using Align = Doozy.Runtime.UIDesigner.Align;
|
|||
|
|
using ObjectNames = Doozy.Runtime.Common.Utils.ObjectNames;
|
|||
|
|
// ReSharper disable MemberCanBePrivate.Global
|
|||
|
|
|
|||
|
|
namespace Doozy.Editor.UIDesigner.Windows
|
|||
|
|
{
|
|||
|
|
public class AlignWindow : FluidWindow<AlignWindow>
|
|||
|
|
{
|
|||
|
|
private const string WINDOW_TITLE = "Align";
|
|||
|
|
public const string k_WindowMenuPath = "Tools/Doozy/UI Designer/";
|
|||
|
|
|
|||
|
|
[MenuItem(k_WindowMenuPath + WINDOW_TITLE, priority = -800)]
|
|||
|
|
public static void Open() => InternalOpenWindow(WINDOW_TITLE);
|
|||
|
|
|
|||
|
|
private FluidField alignObjectsFluidField { get; set; }
|
|||
|
|
private FluidField distributeObjectsFluidField { get; set; }
|
|||
|
|
private FluidField alignToFluidField { get; set; }
|
|||
|
|
|
|||
|
|
private FloatField distributeSpacingFloatField { get; set; }
|
|||
|
|
|
|||
|
|
private FluidButton alignHorizontalCenterButton { get; set; }
|
|||
|
|
private FluidButton alignHorizontalLeftButton { get; set; }
|
|||
|
|
private FluidButton alignHorizontalRightButton { get; set; }
|
|||
|
|
private FluidButton alignVerticalBottomButton { get; set; }
|
|||
|
|
private FluidButton alignVerticalCenterButton { get; set; }
|
|||
|
|
private FluidButton alignVerticalTopButton { get; set; }
|
|||
|
|
private FluidButton distributeHorizontalCenterButton { get; set; }
|
|||
|
|
private FluidButton distributeHorizontalLeftButton { get; set; }
|
|||
|
|
private FluidButton distributeHorizontalRightButton { get; set; }
|
|||
|
|
private FluidButton distributeVerticalBottomButton { get; set; }
|
|||
|
|
private FluidButton distributeVerticalCenterButton { get; set; }
|
|||
|
|
private FluidButton distributeVerticalTopButton { get; set; }
|
|||
|
|
private FluidButton horizontalDistributeSpacingButton { get; set; }
|
|||
|
|
private FluidButton verticalDistributeSpacingButton { get; set; }
|
|||
|
|
|
|||
|
|
private FluidToggleButtonTab alignModeCenterButton { get; set; }
|
|||
|
|
private FluidToggleButtonTab alignModeInsideButton { get; set; }
|
|||
|
|
private FluidToggleButtonTab alignModeOutsideButton { get; set; }
|
|||
|
|
private FluidToggleButtonTab alignToKeyObjectButton { get; set; }
|
|||
|
|
private FluidToggleButtonTab alignToParentButton { get; set; }
|
|||
|
|
private FluidToggleButtonTab alignToRootCanvasButton { get; set; }
|
|||
|
|
private FluidToggleButtonTab alignToSelectionButton { get; set; }
|
|||
|
|
|
|||
|
|
private FluidToggleGroup alignModeToggleGroup { get; set; }
|
|||
|
|
private FluidToggleGroup alignToToggleGroup { get; set; }
|
|||
|
|
|
|||
|
|
private FluidToggleCheckbox updateAnchorsCheckbox { get; set; }
|
|||
|
|
|
|||
|
|
private ObjectField keyObjectField { get; set; }
|
|||
|
|
|
|||
|
|
private AlignTo alignTo
|
|||
|
|
{
|
|||
|
|
get => (AlignTo)EditorPrefs.GetInt(EditorPrefsKey(nameof(alignTo)), (int)AlignTo.RootCanvas);
|
|||
|
|
set => EditorPrefs.SetInt(EditorPrefsKey(nameof(alignTo)), (int)value);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
private AlignMode alignMode
|
|||
|
|
{
|
|||
|
|
get => (AlignMode)EditorPrefs.GetInt(EditorPrefsKey(nameof(alignMode)), (int)AlignMode.Inside);
|
|||
|
|
set => EditorPrefs.SetInt(EditorPrefsKey(nameof(alignMode)), (int)value);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
private bool updateAnchors
|
|||
|
|
{
|
|||
|
|
get => EditorPrefs.GetBool(EditorPrefsKey(nameof(updateAnchors)), true);
|
|||
|
|
set => EditorPrefs.SetBool(EditorPrefsKey(nameof(updateAnchors)), value);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
private float spacing
|
|||
|
|
{
|
|||
|
|
get => EditorPrefs.GetFloat(EditorPrefsKey(nameof(spacing)), 0);
|
|||
|
|
set => EditorPrefs.SetFloat(EditorPrefsKey(nameof(spacing)), value);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
protected override void OnEnable()
|
|||
|
|
{
|
|||
|
|
base.OnEnable();
|
|||
|
|
SceneView.duringSceneGui -= OnSceneGUI;
|
|||
|
|
SceneView.duringSceneGui += OnSceneGUI;
|
|||
|
|
OnSelectionChanged();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
protected override void OnDisable()
|
|||
|
|
{
|
|||
|
|
base.OnDisable();
|
|||
|
|
SceneView.duringSceneGui -= OnSceneGUI;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
private void OnSceneGUI(SceneView sceneView)
|
|||
|
|
{
|
|||
|
|
if (selected.Count == 0)
|
|||
|
|
return;
|
|||
|
|
|
|||
|
|
Handles.BeginGUI();
|
|||
|
|
Color color = Handles.color;
|
|||
|
|
Handles.color = EditorColors.EditorUI.Amber;
|
|||
|
|
{
|
|||
|
|
//ToDo SceneView visuals
|
|||
|
|
}
|
|||
|
|
Handles.color = color;
|
|||
|
|
Handles.EndGUI();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
protected override void CreateGUI()
|
|||
|
|
{
|
|||
|
|
Initialize();
|
|||
|
|
Compose();
|
|||
|
|
|
|||
|
|
Selection.selectionChanged -= OnSelectionChanged;
|
|||
|
|
Selection.selectionChanged += OnSelectionChanged;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
private static HashSet<RectTransform> selected { get; set; } = new HashSet<RectTransform>();
|
|||
|
|
|
|||
|
|
private void OnSelectionChanged() =>
|
|||
|
|
selected = DesignerEditorUtils.selected;
|
|||
|
|
|
|||
|
|
private void Initialize()
|
|||
|
|
{
|
|||
|
|
root
|
|||
|
|
.RecycleAndClear()
|
|||
|
|
.SetStylePadding(DesignUtils.k_Spacing2X)
|
|||
|
|
// .SetStyleBackgroundColor(EditorColors.Default.BoxBackground)
|
|||
|
|
;
|
|||
|
|
|
|||
|
|
#region Align Objects
|
|||
|
|
|
|||
|
|
#region Align
|
|||
|
|
|
|||
|
|
alignHorizontalLeftButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Horizontal Align Left\n\n" +
|
|||
|
|
"Align the selected objects to the left side of the 'Align To' target."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.HorizontalAlignLeft)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.Align(alignTo, Align.HorizontalLeft, alignMode, updateAnchors, (RectTransform)keyObjectField.value));
|
|||
|
|
|
|||
|
|
alignHorizontalCenterButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Horizontal Align Center\n\n" +
|
|||
|
|
"Align the selected objects to the horizontal center of the 'Align To' target."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.HorizontalAlignCenter)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.Align(alignTo, Align.HorizontalCenter, alignMode, updateAnchors, (RectTransform)keyObjectField.value));
|
|||
|
|
|
|||
|
|
alignHorizontalRightButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Horizontal Align Right\n\n" +
|
|||
|
|
"Align the selected objects to the right side of the 'Align To' target."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.HorizontalAlignRight)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.Align(alignTo, Align.HorizontalRight, alignMode, updateAnchors, (RectTransform)keyObjectField.value));
|
|||
|
|
|
|||
|
|
alignVerticalTopButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Vertical Align Top\n\n" +
|
|||
|
|
"Align the selected objects to the top side of the 'Align To' target."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.VerticalAlignTop)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.Align(alignTo, Align.VerticalTop, alignMode, updateAnchors, (RectTransform)keyObjectField.value));
|
|||
|
|
|
|||
|
|
alignVerticalCenterButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Vertical Align Center\n\n" +
|
|||
|
|
"Align the selected objects to the vertical center of the 'Align To' target."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.VerticalAlignCenter)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.Align(alignTo, Align.VerticalCenter, alignMode, updateAnchors, (RectTransform)keyObjectField.value));
|
|||
|
|
|
|||
|
|
alignVerticalBottomButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Vertical Align Bottom\n\n" +
|
|||
|
|
"Align the selected objects to the bottom side of the 'Align To' target."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.VerticalAlignBottom)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.Align(alignTo, Align.VerticalBottom, alignMode, updateAnchors, (RectTransform)keyObjectField.value));
|
|||
|
|
|
|||
|
|
#endregion
|
|||
|
|
|
|||
|
|
#region Align Mode
|
|||
|
|
|
|||
|
|
FluidToggleButtonTab GetAlignModeButton(AlignMode mode)
|
|||
|
|
{
|
|||
|
|
FluidToggleButtonTab button =
|
|||
|
|
GetToggleButton()
|
|||
|
|
.SetLabelText($"{mode}")
|
|||
|
|
.SetIsOn(mode == alignMode, false)
|
|||
|
|
.SetOnValueChanged(evt =>
|
|||
|
|
{
|
|||
|
|
if (!evt.newValue) return;
|
|||
|
|
UpdateAlignMode(mode);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
return button;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
alignModeInsideButton =
|
|||
|
|
GetAlignModeButton(AlignMode.Inside)
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Align Mode: Inside\n\n" +
|
|||
|
|
"Align the items on the inside of the 'Align To' target."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.AlignModeInside)
|
|||
|
|
.SetTabPosition(TabPosition.TabOnLeft);
|
|||
|
|
|
|||
|
|
alignModeCenterButton =
|
|||
|
|
GetAlignModeButton(AlignMode.Center)
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Align Mode: Center\n\n" +
|
|||
|
|
"Align the items centers on the edge of the 'Align To' target."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.AlignModeCenter)
|
|||
|
|
.SetTabPosition(TabPosition.TabInCenter);
|
|||
|
|
|
|||
|
|
alignModeOutsideButton =
|
|||
|
|
GetAlignModeButton(AlignMode.Outside)
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Align Mode: Outside\n\n" +
|
|||
|
|
"Align the items on the outside of the 'Align To' target."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.AlignModeOutside)
|
|||
|
|
.SetTabPosition(TabPosition.TabOnRight);
|
|||
|
|
|
|||
|
|
alignModeToggleGroup =
|
|||
|
|
FluidToggleGroup.Get()
|
|||
|
|
.SetControlMode(FluidToggleGroup.ControlMode.OneToggleOnEnforced);
|
|||
|
|
|
|||
|
|
alignModeInsideButton.AddToToggleGroup(alignModeToggleGroup);
|
|||
|
|
alignModeCenterButton.AddToToggleGroup(alignModeToggleGroup);
|
|||
|
|
alignModeOutsideButton.AddToToggleGroup(alignModeToggleGroup);
|
|||
|
|
|
|||
|
|
void UpdateAlignMode(AlignMode mode) =>
|
|||
|
|
alignMode = mode;
|
|||
|
|
|
|||
|
|
#endregion
|
|||
|
|
|
|||
|
|
updateAnchorsCheckbox =
|
|||
|
|
FluidToggleCheckbox.Get("Update Anchors")
|
|||
|
|
.SetTooltip("Align also updates the anchors accordingly.")
|
|||
|
|
.SetToggleAccentColor(EditorSelectableColors.UIDesigner.Color)
|
|||
|
|
.SetIsOn(updateAnchors, false)
|
|||
|
|
.SetOnValueChanged(evt => updateAnchors = evt.newValue);
|
|||
|
|
|
|||
|
|
alignObjectsFluidField =
|
|||
|
|
FluidField.Get()
|
|||
|
|
// .SetLabelText("Align Objects")
|
|||
|
|
.SetStyleFlexGrow(0)
|
|||
|
|
.SetStyleFlexShrink(0)
|
|||
|
|
.SetElementSize(ElementSize.Small)
|
|||
|
|
.AddFieldContent
|
|||
|
|
(
|
|||
|
|
new VisualElement()
|
|||
|
|
.SetName("Align Objects")
|
|||
|
|
.SetStyleFlexShrink(0)
|
|||
|
|
.SetStyleFlexWrap(Wrap.Wrap)
|
|||
|
|
.SetStyleFlexDirection(FlexDirection.Row)
|
|||
|
|
.AddChild
|
|||
|
|
(
|
|||
|
|
new VisualElement()
|
|||
|
|
.SetName("Align")
|
|||
|
|
.SetStyleFlexDirection(FlexDirection.Row)
|
|||
|
|
.SetStylePadding(DesignUtils.k_Spacing2X)
|
|||
|
|
.AddChild(alignHorizontalLeftButton)
|
|||
|
|
.AddSpaceBlock()
|
|||
|
|
.AddChild(alignHorizontalCenterButton)
|
|||
|
|
.AddSpaceBlock()
|
|||
|
|
.AddChild(alignHorizontalRightButton)
|
|||
|
|
.AddSpaceBlock(4)
|
|||
|
|
.AddChild(alignVerticalTopButton)
|
|||
|
|
.AddSpaceBlock()
|
|||
|
|
.AddChild(alignVerticalCenterButton)
|
|||
|
|
.AddSpaceBlock()
|
|||
|
|
.AddChild(alignVerticalBottomButton)
|
|||
|
|
)
|
|||
|
|
.AddChild
|
|||
|
|
(
|
|||
|
|
new VisualElement()
|
|||
|
|
.SetName("Align Mode")
|
|||
|
|
.SetStyleFlexDirection(FlexDirection.Row)
|
|||
|
|
.SetStylePadding(DesignUtils.k_Spacing2X)
|
|||
|
|
.AddChild(alignModeInsideButton)
|
|||
|
|
.AddSpace(1, 0)
|
|||
|
|
.AddChild(alignModeCenterButton)
|
|||
|
|
.AddSpace(1, 0)
|
|||
|
|
.AddChild(alignModeOutsideButton)
|
|||
|
|
)
|
|||
|
|
.AddChild
|
|||
|
|
(
|
|||
|
|
new VisualElement()
|
|||
|
|
.SetName("Update Anchors")
|
|||
|
|
.SetStylePadding(DesignUtils.k_Spacing2X)
|
|||
|
|
.SetStyleJustifyContent(Justify.Center)
|
|||
|
|
.AddChild(updateAnchorsCheckbox)
|
|||
|
|
));
|
|||
|
|
|
|||
|
|
#endregion
|
|||
|
|
|
|||
|
|
#region Distribute Objects
|
|||
|
|
|
|||
|
|
#region Distribute
|
|||
|
|
|
|||
|
|
distributeHorizontalLeftButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Horizontal Distribute Left\n\n" +
|
|||
|
|
"Evenly distribute the selected objects between the leftmost and rightmost objects of the selection, " +
|
|||
|
|
"based on the leftmost edges of the objects. Meaning the left edges will have the same horizontal distance between them."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.HorizontalDistributeLeft)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.Distribute(alignTo, Distribute.HorizontalLeft));
|
|||
|
|
|
|||
|
|
distributeHorizontalCenterButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Horizontal Distribute Center\n\n" +
|
|||
|
|
"Evenly distribute the selected objects between the leftmost and rightmost objects of the selection, " +
|
|||
|
|
"based on the horizontal center of the objects. Meaning the horizontal centers will have the same horizontal distance between them."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.HorizontalDistributeCenter)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.Distribute(alignTo, Distribute.HorizontalCenter));
|
|||
|
|
|
|||
|
|
distributeHorizontalRightButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Horizontal Distribute Right\n\n" +
|
|||
|
|
"Evenly distribute the selected objects between the leftmost and rightmost objects of the selection, " +
|
|||
|
|
"based on the rightmost edges of the objects. Meaning the right edges will have the same horizontal distance between them."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.HorizontalDistributeRight)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.Distribute(alignTo, Distribute.HorizontalRight));
|
|||
|
|
|
|||
|
|
distributeVerticalTopButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Vertical Distribute Top\n\n" +
|
|||
|
|
"Evenly distribute the selected objects between the uppermost and the lowest most objects of the selection, " +
|
|||
|
|
"based on the topmost edges of the objects. Meaning the top edges will have the same vertical distance between them."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.VerticalDistributeTop)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.Distribute(alignTo, Distribute.VerticalTop));
|
|||
|
|
|
|||
|
|
distributeVerticalCenterButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Vertical Distribute Center\n\n" +
|
|||
|
|
"Evenly distribute the selected objects between the uppermost and the lowest most objects of the selection, " +
|
|||
|
|
"based on the center of the objects. Meaning the center of the objects will have the same vertical distance between them."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.VerticalDistributeCenter)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.Distribute(alignTo, Distribute.VerticalCenter));
|
|||
|
|
|
|||
|
|
distributeVerticalBottomButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Vertical Distribute Bottom\n\n" +
|
|||
|
|
"Evenly distribute the selected objects between the uppermost and the lowest most objects of the selection, " +
|
|||
|
|
"based on the bottommost edges of the objects. Meaning the bottom edges will have the same vertical distance between them."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.VerticalDistributeBottom)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.Distribute(alignTo, Distribute.VerticalBottom));
|
|||
|
|
|
|||
|
|
verticalDistributeSpacingButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Vertical Distribute Spacing\n\n" +
|
|||
|
|
"Distribute the items evenly spaced vertically.\n\n" +
|
|||
|
|
"Note: Align to Key Object uses a custom value when setting the space between each item."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.DistributeSpacingVertical)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.VerticalDistributeSpacing(alignTo, (RectTransform)keyObjectField.value, spacing));
|
|||
|
|
|
|||
|
|
#endregion
|
|||
|
|
|
|||
|
|
#region Distribute Spacing
|
|||
|
|
|
|||
|
|
horizontalDistributeSpacingButton =
|
|||
|
|
GetButton()
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Horizontal Distribute Spacing\n\n" +
|
|||
|
|
"Distribute the items evenly spaced horizontally.\n\n" +
|
|||
|
|
"Note: Align to Key Object uses a custom value when setting the space between each item."
|
|||
|
|
)
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.DistributeSpacingHorizontal)
|
|||
|
|
.SetOnClick(() => DesignerEditorUtils.HorizontalDistributeSpacing(alignTo, (RectTransform)keyObjectField.value, spacing));
|
|||
|
|
|
|||
|
|
distributeSpacingFloatField =
|
|||
|
|
new FloatField()
|
|||
|
|
.ResetLayout()
|
|||
|
|
.SetStyleWidth(60)
|
|||
|
|
.SetTooltip("Custom spacing value used when distributing items vertically or horizontally");
|
|||
|
|
|
|||
|
|
distributeSpacingFloatField.SetEnabled(alignTo == AlignTo.KeyObject);
|
|||
|
|
distributeSpacingFloatField.value = spacing;
|
|||
|
|
distributeSpacingFloatField.RegisterValueChangedCallback(evt =>
|
|||
|
|
{
|
|||
|
|
spacing = evt.newValue;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
#endregion
|
|||
|
|
|
|||
|
|
distributeObjectsFluidField =
|
|||
|
|
FluidField.Get()
|
|||
|
|
// .SetLabelText("Distribute Objects")
|
|||
|
|
.SetStyleFlexGrow(0)
|
|||
|
|
.SetStyleFlexShrink(0)
|
|||
|
|
.SetElementSize(ElementSize.Small)
|
|||
|
|
.AddFieldContent
|
|||
|
|
(
|
|||
|
|
new VisualElement()
|
|||
|
|
.SetName("Distribute Objects")
|
|||
|
|
.SetStyleFlexShrink(0)
|
|||
|
|
.SetStyleFlexWrap(Wrap.Wrap)
|
|||
|
|
.SetStyleFlexDirection(FlexDirection.Row)
|
|||
|
|
.AddChild
|
|||
|
|
(
|
|||
|
|
new VisualElement()
|
|||
|
|
.SetName("Distribute")
|
|||
|
|
.SetStyleFlexDirection(FlexDirection.Row)
|
|||
|
|
.SetStylePadding(DesignUtils.k_Spacing2X)
|
|||
|
|
.AddChild(distributeVerticalTopButton)
|
|||
|
|
.AddSpaceBlock()
|
|||
|
|
.AddChild(distributeVerticalCenterButton)
|
|||
|
|
.AddSpaceBlock()
|
|||
|
|
.AddChild(distributeVerticalBottomButton)
|
|||
|
|
.AddSpaceBlock(4)
|
|||
|
|
.AddChild(distributeHorizontalLeftButton)
|
|||
|
|
.AddSpaceBlock()
|
|||
|
|
.AddChild(distributeHorizontalCenterButton)
|
|||
|
|
.AddSpaceBlock()
|
|||
|
|
.AddChild(distributeHorizontalRightButton)
|
|||
|
|
)
|
|||
|
|
.AddChild
|
|||
|
|
(
|
|||
|
|
new VisualElement()
|
|||
|
|
.SetName("Distribute Spacing")
|
|||
|
|
.SetStyleFlexDirection(FlexDirection.Row)
|
|||
|
|
.SetStylePadding(DesignUtils.k_Spacing2X)
|
|||
|
|
.AddChild(verticalDistributeSpacingButton)
|
|||
|
|
.AddSpaceBlock()
|
|||
|
|
.AddChild(horizontalDistributeSpacingButton)
|
|||
|
|
.AddSpaceBlock(2)
|
|||
|
|
.AddChild(distributeSpacingFloatField)
|
|||
|
|
)
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
#endregion
|
|||
|
|
|
|||
|
|
#region Align to
|
|||
|
|
|
|||
|
|
FluidToggleButtonTab GetAlignToButton(AlignTo to, string tooltip) =>
|
|||
|
|
GetToggleButton()
|
|||
|
|
// .SetStyleWidth(96)
|
|||
|
|
.SetLabelText(ObjectNames.NicifyVariableName($"{to}"))
|
|||
|
|
.SetTooltip(tooltip)
|
|||
|
|
.SetIsOn(to == alignTo, false)
|
|||
|
|
.SetOnValueChanged(evt =>
|
|||
|
|
{
|
|||
|
|
if (!evt.newValue) return;
|
|||
|
|
UpdateAlignTo(to);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
alignToRootCanvasButton =
|
|||
|
|
GetAlignToButton(AlignTo.RootCanvas, "Align to Root Canvas")
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.RootCanvas)
|
|||
|
|
.SetTabPosition(TabPosition.TabOnLeft)
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Align To: Root Canvas\n\n" +
|
|||
|
|
"Align and distribute the selected objects to the Root Canvas of the first selected object."
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
alignToParentButton =
|
|||
|
|
GetAlignToButton(AlignTo.Parent, "Align to Parent")
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.Parent)
|
|||
|
|
.SetTabPosition(TabPosition.TabInCenter)
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Align To: Parent\n\n" +
|
|||
|
|
"Align the selected objects to their respective parent object.\n\n" +
|
|||
|
|
"Distribute the selected objects to the parent of the first object."
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
alignToSelectionButton =
|
|||
|
|
GetAlignToButton(AlignTo.Selection, "Align to Selection")
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.Selection)
|
|||
|
|
.SetTabPosition(TabPosition.TabOnRight)
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Align To: Selection\n\n" +
|
|||
|
|
"Align and distribute the selected objects to the selection bounding box."
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
alignToKeyObjectButton =
|
|||
|
|
GetAlignToButton(AlignTo.KeyObject, "Align to Key Object")
|
|||
|
|
.SetIcon(EditorSpriteSheets.UIDesigner.Icons.KeyObject)
|
|||
|
|
.SetTabPosition(TabPosition.TabOnLeft)
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Align To: Key Object\n\n" +
|
|||
|
|
"Align and distribute the selected objects to a key object.\n\n" +
|
|||
|
|
"When Align to Key Object is selected, a custom spacing value can be set to distribute the objects"
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
alignToToggleGroup =
|
|||
|
|
FluidToggleGroup.Get()
|
|||
|
|
.SetControlMode(FluidToggleGroup.ControlMode.OneToggleOnEnforced);
|
|||
|
|
|
|||
|
|
alignToRootCanvasButton.AddToToggleGroup(alignToToggleGroup);
|
|||
|
|
alignToParentButton.AddToToggleGroup(alignToToggleGroup);
|
|||
|
|
alignToSelectionButton.AddToToggleGroup(alignToToggleGroup);
|
|||
|
|
alignToKeyObjectButton.AddToToggleGroup(alignToToggleGroup);
|
|||
|
|
|
|||
|
|
void UpdateAlignTo(AlignTo to)
|
|||
|
|
{
|
|||
|
|
alignTo = to;
|
|||
|
|
distributeSpacingFloatField?.SetEnabled(alignTo == AlignTo.KeyObject);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
keyObjectField =
|
|||
|
|
new ObjectField()
|
|||
|
|
.SetObjectType(typeof(RectTransform))
|
|||
|
|
.ResetLayout()
|
|||
|
|
.SetStyleWidth(158)
|
|||
|
|
.SetTooltip
|
|||
|
|
(
|
|||
|
|
"Reference to the Key Object used to align and distribute the selected objects.\n\n" +
|
|||
|
|
"When Align to Key Object is selected, a custom spacing value can be set to distribute the objects"
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
keyObjectField.RegisterValueChangedCallback(evt =>
|
|||
|
|
{
|
|||
|
|
if (evt == null) return;
|
|||
|
|
if (evt.newValue != null)
|
|||
|
|
{
|
|||
|
|
alignToKeyObjectButton?.SetIsOn(true);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
alignToRootCanvasButton?.SetIsOn(true);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
alignToFluidField =
|
|||
|
|
FluidField.Get()
|
|||
|
|
// .SetLabelText("Align To")
|
|||
|
|
.SetStyleFlexGrow(0)
|
|||
|
|
.SetStyleFlexShrink(0)
|
|||
|
|
.SetElementSize(ElementSize.Small)
|
|||
|
|
.AddFieldContent
|
|||
|
|
(
|
|||
|
|
new VisualElement()
|
|||
|
|
.SetName("Align To")
|
|||
|
|
.SetStyleFlexShrink(0)
|
|||
|
|
.SetStyleFlexWrap(Wrap.Wrap)
|
|||
|
|
.SetStyleFlexDirection(FlexDirection.Column)
|
|||
|
|
.SetStylePadding(DesignUtils.k_Spacing2X)
|
|||
|
|
.AddChild
|
|||
|
|
(
|
|||
|
|
new VisualElement()
|
|||
|
|
.SetStyleFlexDirection(FlexDirection.Row)
|
|||
|
|
.AddChild(alignToRootCanvasButton)
|
|||
|
|
.AddSpace(1, 0)
|
|||
|
|
.AddChild(alignToParentButton)
|
|||
|
|
.AddSpace(1, 0)
|
|||
|
|
.AddChild(alignToSelectionButton)
|
|||
|
|
)
|
|||
|
|
.AddSpaceBlock()
|
|||
|
|
.AddChild(
|
|||
|
|
new VisualElement()
|
|||
|
|
.SetStyleFlexDirection(FlexDirection.Row)
|
|||
|
|
.SetStyleAlignItems(UnityEngine.UIElements.Align.Center)
|
|||
|
|
.AddChild(alignToKeyObjectButton)
|
|||
|
|
.AddSpace(1, 0)
|
|||
|
|
.AddChild(keyObjectField)
|
|||
|
|
)
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
#endregion
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
private void Compose()
|
|||
|
|
{
|
|||
|
|
root
|
|||
|
|
.AddChild(alignObjectsFluidField)
|
|||
|
|
.AddSpaceBlock(2)
|
|||
|
|
.AddChild(distributeObjectsFluidField)
|
|||
|
|
.AddSpaceBlock(2)
|
|||
|
|
.AddChild(alignToFluidField)
|
|||
|
|
;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
private FluidButton GetButton() =>
|
|||
|
|
FluidButton.Get()
|
|||
|
|
.SetStyleFlexShrink(0)
|
|||
|
|
.SetButtonStyle(ButtonStyle.Contained)
|
|||
|
|
.SetElementSize(ElementSize.Small);
|
|||
|
|
|
|||
|
|
private FluidToggleButtonTab GetToggleButton() =>
|
|||
|
|
FluidToggleButtonTab.Get()
|
|||
|
|
.SetToggleAccentColor(EditorSelectableColors.UIDesigner.Color)
|
|||
|
|
.SetStyleFlexShrink(0)
|
|||
|
|
.SetElementSize(ElementSize.Small)
|
|||
|
|
.SetContainerColorOff(DesignUtils.tabButtonColorOff);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|