缩进乱搞嵌套属性抽屉

时间:2018-04-12 07:39:01

标签: unity3d unity3d-editor unity-editor

我有一个名为ToggledFloat的类。它包装一个浮动,但也添加一个bool告诉它是否启用。

[System.Serializable]
public class ToggledFloat
{
    public float value;
    public bool enabled = false;
}

[System.Serializable]
public class ClassWIthNestedProp
{
    public ToggledFloat aTogFloat;
}

public class Test : MonoBehaviour
{
    public ClassWIthNestedProp eCA;
    public ToggledFloat tF;
}

我可以轻松地为此创建自定义属性抽屉,当编辑器在缩进级别“0”处绘制此属性时,它看起来是正确的。但是,当我看到嵌套在另一个属性中的ToggledFloat属性时,它们看起来是错误的。

我的propertyDrawer看起来像这样:

[CustomPropertyDrawer(typeof(ToggledFloat))]
public class ToggledPropertyEditor : PropertyDrawer
{

    public override float GetPropertyHeight (SerializedProperty property, GUIContent label)
    {
        var propVal = property.FindPropertyRelative("value");
        float contentUnfoldedHeight = EditorGUI.GetPropertyHeight (propVal, label);
        return contentUnfoldedHeight;
    }

    // Draw the property inside the given rect
    public override void OnGUI(Rect position, SerializedProperty property, GUIContent label)
    {
        int iL = EditorGUI.indentLevel;
        //EditorGUI.indentLevel = 0; //- Set this to "0" to make thing work but non-indented
        SerializedProperty valueProp = property.FindPropertyRelative("value");
        SerializedProperty enabledProp = property.FindPropertyRelative("enabled");

        //Label left of checkbox
        float labelWidth = GUI.skin.label.CalcSize(label).x;
        Rect labelRect = new Rect(0/*position.x*/, position.y, labelWidth, 16);
        EditorGUI.LabelField(labelRect, label, GUIContent.none);
        EditorGUI.DrawRect(labelRect, new Color(0,0,1,.1f));

        //Checkbox
        Rect enableRect = new Rect();
        enableRect.xMin = labelRect.xMax;
        enableRect.yMin = labelRect.yMin;
        enableRect.width = 16;
        enableRect.height = 16;
        EditorGUI.PropertyField(enableRect, enabledProp, GUIContent.none);
        EditorGUI.DrawRect(enableRect, new Color(0,1,0,.1f));

        //Value
        Rect valueRect = new Rect();
        valueRect.xMin = enableRect.xMax;
        valueRect.yMin = enableRect.yMin;
        valueRect.xMax = position.xMax;
        valueRect.yMax = position.yMax;

        EditorGUI.DrawRect(valueRect, new Color(1,0,0,.1f));
        bool enabled = GUI.enabled;
        GUI.enabled = enabledProp.boolValue;
        EditorGUI.PropertyField(valueRect, valueProp, new GUIContent(""), true);
        GUI.enabled = enabled;
        EditorGUI.indentLevel = iL;

    }
}

当检查器绘制类Test的实例时,它看起来像这样: enter image description here

有色的rects只允许我调试那些rects实际上的位置。奇怪的是,文本标签与彩色的rects相互偏移,即使它们与参数相同。这当然只是一个问题,如果我想在我的检查器中的彩色rects - 但真正的问题是,这个偏移问题似乎导致嵌套复选框无法工作。我无法单击嵌套属性上的复选框。

如果我然后显式设置EditorGUI.IndenLevel = 0,那么彩色的rects和标签重合并且切换按钮正常工作 - 但我松开了自动缩进,我真的想使用它。

enter image description here

有人可以告诉我我在想什么吗

1 个答案:

答案 0 :(得分:0)

DrawRect方法不考虑缩进级别。您必须调整自己才能绘制缩进矩形。幸运的是,有一个函数可以获取预期的矩形。

From UnityCsReference EditorGUI

static void DrawIndentedRect(Rect rect, Color color)
{
    EditorGUI.DrawRect(EditorGUI.IndentedRect(rect), color);
}

Captured Inspector IndentedRect

但是它不能正常工作。

implementation of IndentedRect开始,它减小了矩形的宽度。

static void DrawIndentedRect(Rect rect, Color color)
{
    // Indent per level is 15
    rect.x += EditorGUI.indentLevel * 15;
    EditorGUI.DrawRect(rect, color);
}

static void DrawIndentedRect(Rect rect, Color color)
{
    var indentedRect = EditorGUI.IndentedRect(rect);
    indentedRect.width = rect.width;
    EditorGUI.DrawRect(indentedRect, color);
}

Captured Inspector DrawIndentedRect