首页 > 其他分享 >2-12. 使用 UI Toolkit 和 UI Builder 制作物品编辑器

2-12. 使用 UI Toolkit 和 UI Builder 制作物品编辑器

时间:2024-03-25 20:57:46浏览次数:40  
标签:12 Builder ItemEditor 勾选 添加 UI Editor

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

标签:20240325_2040

标签:12,Builder,ItemEditor,勾选,添加,UI,Editor
From: https://www.cnblogs.com/hellozjf/p/18095302

相关文章

  • 六 1262. 鱼塘钓鱼 (多路归并)
    1262.鱼塘钓鱼(多路归并)思路:遍历最远到的鱼塘,同时将截止时间减去路上花的时间,然后多路归并,不考虑具体钓鱼的顺序,每次都调最多的鱼。importjava.util.*;publicclassMain{privatestaticint[]a;privatestaticint[]b;privatestaticint[]c;......
  • [MAUI]模仿哔哩哔哩的一键三连
    @目录创建弧形进度条绘制弧准备物料创建气泡创建手势创建交互与动效项目地址哔哩哔哩(Bilibili)中用户可以通过长按点赞键同时完成点赞、投币、收藏对UP主表示支持,后UP主多用“一键三连”向视频浏览者请求对其作品同时进行点赞、投币、收藏。“三连按钮”是一组按钮,轻击时当做......
  • Flink 流数据处理 基于Flink1.12.0版本 MapFunction 只适用于一对一的转换,而 FlatMap
    Flink流数据处理基于Flink1.12.0版本MapFunction只适用于一对一的转换,而FlatMapFunction中可以一对多,或者多对一序言基于官网教程整理的一个教程。基于Flink1.12.0版本。目前该版本的Flink支持的source与sink如下所示参考资料:https://ci.apache.org/projects/flink......
  • 鸿鹄电子招投标系统源码实现与立项流程:基于Spring Boot、Mybatis、Redis和Layui的企业
    随着企业的快速发展,招采管理逐渐成为企业运营中的重要环节。为了满足公司对内部招采管理提升的要求,建立一个公平、公开、公正的采购环境至关重要。在这个背景下,我们开发了一款电子招标采购软件,以最大限度地控制采购成本,提高招投标工作的公开性和透明性,并确保符合国家电子招投标......
  • Java中String、StringBuffer、StringBuilder 的区别
    目录1.String2.StringBuffer3.StringBuilder4.使用情况如果帮助到你,别忘了点赞收藏关注String、StringBuffer和StringBuilder在Java中都用于处理字符串数据,但它们之间在功能和性能上有一些关键的区别:1.String不可变性:String类的对象是不可变的。每次对String对......
  • 鸿蒙HarmonyOS实战-ArkUI组件(RelativeContainer)
    ......
  • 基于vue+element ui实现下拉表格选择组件
    一:前言本文属于转载;二:正文1:示例展示单选多选index.vue<template><el-selectref="select"v-model="defaultValue":title="isNeedTitle?getTitle():null":clearable="false":multiple="multiple"......
  • 基于 Python + Unitest + HwTestReport/BeautifulReport的UI自动化测试框架
    一、框架目录结构概览 二、框架执行流程简介 三、框架目录结构简介 四、测试报告示例 HwTestReport BeautifulReport         ......
  • 【WPF应用12】基本控件-WrapPanel布局详解与示例
    在WindowsPresentationFoundation(WPF)中,WrapPanel是一个强大的布局控件,它允许子控件在空间不足时自动换行,提供了极大的灵活性。在本文中,我们将详细介绍WrapPanel的布局原理、使用方法以及在开发中的应用示例。1.WrapPanel控件的布局原理WrapPanel是WPF中的一种面板......
  • CSCI 2122 C语言进行编码
    CSCI2122任务4截止日期:2024年3月22日星期五晚上11:59,通过git提交目标本作业的目的是练习用C语言进行编码,并强化课堂上讨论的程序表示概念。在这个任务1中,您将实现一个类似Rosetta3的二进制翻译器2。您的程序将从一个简单的指令集(比x86简单得多)转换为x86,并生成x86汇编代码。然......