使用教程

组件库

ThunderFire UX Tool中的组件库是将用户常用的Prefab以组件的形式收纳、分类和管理的工具。


术语

组件

组件是指设计师在Unity中进行界面拼接时创建的,具有通用性和复用性的Prefab。例如在多个界面中重复出现的按钮控件,作为组件存储后,便可以方便快速地多次使用。

组件库

组件库用来将各种组件进行分类收纳,帮助用户更加方便地管理所创建的组件。



使用路径

通过ToolBar打开 通过Unity顶部下拉菜单【ThunderFireUXTool-工具栏 (ToolBar)】启用ToolBar,然后点击ToolBar上的组件库按钮,即可打开组件库面板。


通过顶部下拉菜单打开 点击Unity顶部下拉菜单【ThunderFireUXTool-组件库 (Widget Repository)】,也可打开组件库面板。


组件库面板中,左侧为组件的分类页签,点击对应页签即可在右侧查看到该分类下所有组件。点击“+”号,可以创建新的组件分类。在已有的分类页签上点击右键,可修改分类名称或删除分类。


创建组件

组件的创建方式有三种。任意Prefab或非Prefab的节点均可以被创建为组件。

通过ToolBar创建 通过Unity顶部下拉菜单【ThunderFireUXTool-工具栏 (ToolBar)】启用ToolBar,选中Scene中的Prefab或节点后,点击ToolBar上的【新建组件按钮】,会弹出新建组件弹窗,填写信息后即创建完成。


通过拖拽创建 打开组件库面板,直接从Hierarchy或Project【拖拽】Prefab或节点至组件库面板,会弹出新建组件弹窗,填写信息后即创建完成。

通过右键创建 在Project中选择Prefab右键点击【设置为组件(Set As UXWidget)】,会弹出新建组件弹窗,填写信息后即创建完成。


管理组件

组件以缩略图的形式展示在组件库中,双击可直接打开组件对应的Prefab。

修改信息

在组件库中右键点击组件可修改组件属性,包括组件名称、组件类型、组件存储位置和组件生成模式。


  • 组件名称:即组件所对应的Prefab的名称,修改组件名称,该Prefab名称也会随之改变。
  • 组件类型:即组件在组件库中的分类,默认为“全部”,通过拖拽创建组件时会自动识别当前分类。除了在组件库面板中新建组件类型外,在组件信息中,点击组件类型下拉列表中的“+”号,也可创建新的类型。
  • 组件储存位置:即组件所对应的Prefab在项目中的位置,设置一次后无法再次修改。
  • 组件生成模式
    • Prefab:即组件以Prefab的形式添加到场景或Prefab中。
    • Unpack Prefab:即组件与Prefab解绑后,直接以普通节点的形式添加到场景或Prefab中。

删除组件

在组件库中右键点击组件可删除组件,可选择仅在组件库列表中删除,或同时删除对应的Prefab本地文件。



使用组件

已创建的组件可以在场景或Prefab中使用,打开组件库面板,直接将对应组件拖拽到Scene面板中即可生成。


面向开发者的界面开发解决方案
feedback