跳到主要内容

G01-自定义背包UI样式

星火编辑器中不仅提供了预设的右侧背包和快捷背包,而且允许用户在界面编辑器中自定义背包,自行搭配设计你所需要的背包。那么要如何使用呢?

首先打开预制功能库,将通用背包拖到属性面板中,然后点击应用。

打开数据编辑器,在物品背包中点击新建蓝图,选择 背包/装备栏节点 作为模板。在其右侧的节点属性中,点击新增格子后,可以对格子进行定义。

在界面布局这里,可以选择该背包的显示方式。编辑器提供了三种预设背包,即ABC这三类,如需自定义背包样式,可以选择GH中的任意一个。

对于背包内物品类型和品质颜色,物品外框的配置,可以在通用背包配置中进行设置。

然后在数据编辑器中,找到你需要装配该背包的单位,将该背包连接到单位的背包列表中。

背包样式的设计要在界面编辑器中进行,将组件库中的自定义背包面板拖入界面中,然后将自定义背包格子拖到面板上方。需要注意自定义背包格子必须要作为自定义背包面板的子控件存在。

打开数编中刚刚创建的背包,点击复制节点,然后粘贴到界面编辑器中自定义背包面板的属性列表中绑定背包处。这样就将数编中的背包和界编中的面板绑定到一起啦。

(需要注意的是,数编中定义的格子数量决定了背包实际上的格子数,格子的排序是按照其在界编列表中的排列顺序自上而下,所以在数编和界编中设置的格子数需要保持一致)

此外,服务端和客户端均新增了背包相关的触发语句,用于打开和关闭通用背包。对于自定义ui的背包,需要在客户端的触发中使用触发语句来控制该背包面板的显隐。