# 顶部显示
顶部显示也是使用贴图实现的，同时修改 **Boss** 血量条的材质。像下面这样的就是本教程所说的顶部显示。
### BOSS 血量条材质的修改
第一步：找到 **.minecraft** 文件夹（即启动器目录）。
{% hint style="info" %}
如果你不知道在哪里，笔者在此介绍一个傻瓜式的方法。
首先打开你的原版客户端，点击单人游戏，再点击任意一个世界（若没有则自行创建），选中该世界后点击编辑世界按钮，最后在编辑世界页面中点击打开世界文件夹按钮。
这时会弹出该世界所在的目录，你只需再退回到 **.minecraft** 目录即可。
{% endhint %}
第二步：在 **.minecraft** 文件夹里打开 **versions** 文件夹，并在该文件夹中再打开你的服务器所使用的版本号的文件夹，例如 **1.18.2**。（如果你不是原版客户端，则根据文件夹命名自行判定）
第三步：以 **1.18.2** 版本为例，打开 **1.18.2** 文件夹后，里面还会有一个 **1.18.2.jar**。请右键它，点击打开方式，并选择你电脑上已有的压缩包软件。
第四步：在压缩包内依次打开 `assets/minecraft/textures/gui/bar.png`，这便是原版 **Boss** 血量条材质所在的地方了，将该图片解压出来，并使用图片编辑软件进行编辑。
**1.20.4** 版本修改了Boss条图片的位置和修改方式，各个颜色Boss条独立存在于 `assets/minecraft/textures/gui/spirtes/boss_bar` 文件夹。
第五步：在图片编辑软件中对该材质进行操作。
我们对该图片进行分析：我们将其分为上下两部分，上面是各个不同颜色 **BOSS** 血量条分布是满值和空值时的材质，下面则是不同 **Style** 下添加到 **BOSS** 血量条上的材质。
自 **1.20.4** 版本起，各个颜色Boss条独立存在，打开第五步所示的 `boss_bar` 文件夹后，文件命名规则是：颜色（例如blue）\_类型（有progress代表Boss条满血量时候材质，background代表无血量时候材质），我们需要将一个颜色的两个文件全部绘制成透明。
第六步：根据分析，选择一个颜色和一个 **Style** 的材质，将其抹去，使其变成完全透明。
第七步：将该图片放置在 `ItemsAdder/recousrce_pack` 对应的文件夹下，如果不存在（这是当然），依次新建文件夹即可。
v.3.3.0 版本以后为：`ItemsAdder/contents/_iainternal/resourcepack`。
第八步：在 BOSS 血量条插件中，使用你抹去的颜色和 **Style**，并发送给玩家，此时就可以实现文中所给示例的样子了。贴图方面请参考前文中 **贴图** 一节。
以 **TAB** 插件为例的一个配置文件：
```
bossbar:
enabled: true
toggle-command: /bossbar
remember-toggle-choice: false
hidden-by-default: false
disable-in-worlds:
- disabledworld
bars:
overworld:
style: PROGRESS # <- 填写你抹去的 Style 名称
color: WHITE # <- 填写你抹去的颜色名称
progress: '100' # <- 填写为 100
text: '这是 BOSS 血量条的文本'
display-condition: '%world%=world'
```
### 顶部显示的限制
* 只能居中。
* 容易与其他 **BOSS** 血量条信息冲突。
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.superiormc.cn/itemsadder-doc/tie-tu/ding-bu-xian-shi.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.