UEDL3-8——动画曲线、布局

本章代码关键字

1
2
3
4
5
6
7
8
EditorGUILayout.CurveField()        //动画曲线控件，可以让我们设置动画曲线，需要配套一个AnimationCurve变量
AnimationCurve                        //动画曲线类
EditorGUILayout.BeginHorizontal()    //水平布局方法，与EndHorizontal()配合使用，包裹需要水平布局的控件
EditorGUILayout.EndHorizontal()        //与BeginHorizontal()配合使用的方法，其包裹起来的控件是水平布局的
EditorGUILayout.BeginVertical()        //垂直布局方法，与EndVertical()配合使用，包裹需要垂直布局的控件
EditorGUILayout.EndVertical()        //与BeginVertical()配合使用的方法，其包裹起来的控件是垂直布局的
EditorGUILayout.BeginScrollView()    //滚动视图方法，与EndScrollView()包裹起来的控件会排布在滚动视图内，可滚动显示，需要配合一个Vector2变量
EditorGUILayout.EndScrollView()        //与EndScrollView()配合使用的方法，将需要排布在滚动视图的控件包裹起来

动画曲线控件

动画曲线控件可以让我们在编辑器窗口上设置一个动画曲线
它需要配套一个AnimationCurve​（动画曲线）变量，该变量必须初始化才可用于控件内，否则报空
需要将该变量传入到方法内，再由该变量接收本帧设置的动画曲线

  • 参数一：文本标题（可选，可改为GUIContent​）
  • 参数二：AnimationCurve​ 本帧要显示的动画曲线变量
  • 参数三：曲线颜色（可选）
  • 参数四：位置范围（可选）
  • 参数五：GUILayoutOption​（使用EditorGUI​绘制时可选）
  • 返回值：本帧设置的AnimationCurve​动画曲线
1
2
3
4
5
6
AnimationCurve curve = new AnimationCurve();        //必须初始化

private void OnGUI()
{
    curve = EditorGUILayout.CurveField("曲线控件", curve);
}

显示效果：image​

布局相关API

水平布局

编辑器窗口默认的垂直布局的，我们可以通过BeginHorizontal​方法和EndHorizontal​方法来包裹需要水平布局的控件

1
2
3
4
5
6
7
8
private void OnGUI()
{
    EditorGUILayout.BeginHorizontal();
    EditorGUILayout.LabelField("文本控件1");
    EditorGUILayout.LabelField("文本控件2");
    EditorGUILayout.LabelField("文本控件3");
    EditorGUILayout.EndHorizontal();
}

显示效果：image​

垂直布局

和水平布局一样，我们需要BeginHorizontal​方法和EndHorizontal​方法来包裹需要垂直布局的控件
编辑器窗口默认是垂直布局的，因此一般不使用这对方法
但是我们可以在被水平布局语句包裹的语句块内使用它，使得水平布局的控件内可以有一部分控件是垂直布局的

1
2
3
4
5
6
7
8
9
10
11
12
private void OnGUI()
{
    EditorGUILayout.BeginHorizontal();
    EditorGUILayout.LabelField("文本控件1");
    EditorGUILayout.BeginVertical();
    EditorGUILayout.LabelField("文本控件2");
    EditorGUILayout.LabelField("文本控件2-1");
    EditorGUILayout.LabelField("文本控件2-2");
    EditorGUILayout.EndVertical();
    EditorGUILayout.LabelField("文本控件3");
    EditorGUILayout.EndHorizontal();
}

显示效果：​image​

滚动视图布局

可以用BeginScrollView​方法和EndScrollView​方法包裹编辑器窗口内的控件
使得控件被排布在滚动视图内，可以滚动显示控件，适用于控件很多而窗口较小的情况
需要配套一个Vector2​变量来表示滚动到的位置，该变量需要传入到BeginScrollView​方法内，并接收BeginScrollView​方法的返回值

  • 参数一：当前滚动到的位置（Vector2​变量）
  • 参数二：是否总是显示水平滚动条（可选）
  • 参数三：是否总是显示垂直滚动条（可选）
  • 参数四：GUIStyle​（可以对水平滚动条，垂直滚动条以及背景都设置其对应的GUIStyle​）
  • 参数五：GUILayoutOption​（使用EditorGUI​绘制时可选）
  • 返回值：本帧滚动到的位置（Vector2​变量）
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
//下面
int i, i1, i2; long l; float f; double d; string s;
Vector2 vector2; Vector3 vector3; Vector4 vector4;
Rect rect; Bounds bounds; BoundsInt boundsInt;

Vector2 vec2Pos;
Vector2 vec2Pos2;

private void OnGUI()
{
    vec2Pos2 = EditorGUILayout.BeginScrollView(vec2Pos2);

    EditorGUILayout.BeginHorizontal();
    EditorGUILayout.LabelField("文本控件1");
    EditorGUILayout.BeginVertical();
    EditorGUILayout.LabelField("文本控件2");
    EditorGUILayout.LabelField("文本控件2-1");
    EditorGUILayout.LabelField("文本控件2-2");
    EditorGUILayout.EndVertical();
    EditorGUILayout.LabelField("文本控件3");
    EditorGUILayout.EndHorizontal();

    EditorGUILayout.EndScrollView();

    vec2Pos = EditorGUILayout.BeginScrollView(vec2Pos);

    i = EditorGUILayout.IntField("Int输入框", i);
    l = EditorGUILayout.LongField("long输入框", l);
    f = EditorGUILayout.FloatField("Float 输入：", f);
    d = EditorGUILayout.DoubleField("double 输入：", d);

    s = EditorGUILayout.TextField("Text输入：", s);
    vector2 = EditorGUILayout.Vector2Field("Vec2输入： ", vector2);
    vector3 = EditorGUILayout.Vector3Field("Vec3输入： ", vector3);
    vector4 = EditorGUILayout.Vector4Field("Vec4输入： ", vector4);
    rect = EditorGUILayout.RectField("rect输入： ", rect);
    bounds = EditorGUILayout.BoundsField("Bounds输入： ", bounds);
    boundsInt = EditorGUILayout.BoundsIntField("BoundsInt输入： ", boundsInt);

    EditorGUILayout.EndScrollView();
}

显示效果：image​

‍