Editor
在 Assets 目录下创建 Editor 目录,然后在 Editor 目录下创建 UI Builder
然后在 UI Builder 下面右键创建 UI Toolkit Editor,起名叫 ItemEditor
然后就会打开一个 ItemEditor 窗口
这个窗口也可以通过 Window -> UI Toolkit -> ItemEditor 进行打开
打开 UI Builder 下面的 ItemEditor.cs
编辑 UXML 文件
想要做出来的最终效果
修改 CanvasSize
将 ItemEditor.uxml 的 Canvas Size 改为 700 x 600,然后再点击左上角的 Fit Canvas
添加 Container
在 ItemEditor.uxml 下面添加一个 VisualElement,把它的 Name 改成 Container,把它的 Flex / Grow 改为 1,这样它就能占满整个纵屏
这个的意思是纵向排列,靠两边对齐,顶对齐
添加 ItemList
添加 Header 和 ListView
可以给 ListView 勾选 Reorderable,以及勾选 Show Add Remove Footer(老师说我们不是单纯地添加删除,所以没有勾选),以及勾选 Show Border,这样就能看到框了
添加 ScrollView
只显示 UXML 中的内容
继续编辑 UXML 内容
Row1
最后的样子
如果边框颜色显示不出来的话,修改一下边框的颜色就行了
Row2
Row3
项目相关代码
代码仓库:https://gitee.com/nbda1121440/DreamOfTheKingdom.git
标签:12,Builder,ItemEditor,勾选,添加,UI,Editor From: https://www.cnblogs.com/hellozjf/p/18095302