10 界面编辑

界面编辑用于调整比赛显示窗口的布局、字体、颜色和背景，不会替代题库或环节设置。建议在副本文件中完成改版，并使用长队名、长题干和双屏环境进行预览。

10.1 🧭 打开界面编辑

选择“界面编辑”。界面树包含：欢迎界面、比赛环节下的环节界面、各环节规则界面、各环节子环节界面、各子环节的选题界面/抽题界面/答题界面，以及排名界面。可点击“全部展开”“全部折叠”快速定位节点。

选中末级节点后点击“编辑界面”进入编辑；选中末级节点时，右侧也会显示对应的预览界面。环节或子环节未建立时，相应节点不会出现在树中。

还可以从【题目录入】模块进入答题界面编辑：先在题目列表中选中要编辑的题目，再点击题目编辑区域下方的【编辑题目界面】。此入口只针对答题界面，不能用于编辑欢迎界面、规则界面、选题界面或排名界面。打开后显示的就是当前选中的题目；如果需要编辑其他题目，请先在题目列表中选中该题，再点击【编辑题目界面】。

10.2 🧩 调整控件位置以及大小

方法一：在界面编辑器中选中控件，通过拖动鼠标来改变控件的大小以及位置。

使用“水平居中”“垂直居中”对齐

必要时用“置于顶层”“置于底层”处理遮挡。注意：这个操作不会保存，也保存不了。

方法二：在界面编辑器中选中控件，通过修改工具栏的宽度、高度、垂直距离、水平距离来改变控件的大小以及位置。

10.3 ✒️ 文字格式和文字在控件内的对齐方式

系统可以设置所有控件上显示的文字的字体、字号、粗体、斜体、下划线、文字颜色，以及在控件中的对齐方式。环节选择界面的环节选择按钮，规则界面的规则显示控件，子环节显示界面的子环节显示按钮，选题按钮，抽题界面的题号显示控件，以及答题界面中的题目、答案、题号、倒计时、抢答提示和代表队分数标签都可分别编辑。

方法一：通过在控件上单击右键，设置选中控件字体、字号、粗体、斜体、下划线、文字颜色

方法二：在界面编辑器中选中控件，通过工具栏设置选中控件的字体、字号、粗体、斜体、下划线、文字颜色

10.4 🖼️ 背景图设置

界面编辑器支持为欢迎界面、环节界面、规则界面、答题界面和排名界面设置背景图片。可以使用本地图片、更换背景图片或粘贴背景图片，也可以根据需要设置背景透明和填充颜色。

一、进入背景设置

1. 在左侧界面树中选中需要设置背景的界面，例如欢迎界面、环节选择界面、规则界面、答题界面或排名界面。
2. 点击“编辑界面”进入编辑状态。
3. 在界面空白处单击鼠标右键，根据需要选择“更换背景图片”或“粘贴背景图片”。
4. 选择要使用的图片，返回编辑器后预览显示效果。
5. 检查界面上的文字和控件是否清晰可见，确认无误后保存竞赛文件。

背景图片应尽量与比赛显示窗口的比例一致。常用显示比例为 16:9；如果图片比例与屏幕不一致，显示时可能出现拉伸、压缩或文字区域对比度不足的情况。

二、设置透明背景或填充颜色

如果不需要使用图片背景，也可以使用透明背景或填充颜色：

1. 选中需要调整背景的界面或控件。
2. 在右侧工具栏中找到背景相关设置。
3. 根据需要设置背景透明，或选择合适的填充颜色。
4. 切换到预览界面，检查文字和控件与背景之间的对比度。

背景颜色应与文字颜色保持足够的对比度。题目和答案区域建议使用简洁、干扰较少的背景，避免复杂图案影响阅读。

三、背景设置检查

1. 分别预览欢迎界面、规则界面、答题界面和排名界面。
2. 确认背景图片没有遮挡题目、答案、倒计时和其他控件。
3. 检查文字与背景之间的对比度，确保观众能够清楚阅读。
4. 在主屏和辅屏或投影上分别检查显示效果，确认没有裁切、拉伸或控件重叠。

背景图片的设计原则和尺寸建议，可继续参考知识竞赛软件图片设计与设置指南。

10.5 📋 列表设置

列表设置适用于环节选择界面、子环节选择界面、选题界面，以及答题界面中的代表队分数标签。列表控件的显示效果主要通过“每行显示个数”“行间距”和“列间距”三个参数进行调整。

一、列表设置的适用界面

界面	可调整的列表内容
环节选择界面	各个比赛环节的选择按钮或列表项目
子环节选择界面	当前环节下的子环节项目
选题界面	题号、题目按钮或选题项目
答题界面	各代表队的分数标签或分数列表

二、调整列表参数

1. 在左侧界面树中选中需要调整的环节选择、子环节选择、选题或答题界面。
2. 点击“编辑界面”，选中对应的列表控件或分数标签。
3. 在右侧工具栏中修改以下参数：

设置项目	作用
每行显示个数	设置一行排列多少个列表项目、选题按钮或分数标签
行间距	调整上下两行项目之间的距离
列间距	调整同一行相邻项目之间的距离

4. 修改后立即预览，检查项目是否排列整齐、文字是否完整显示。
5. 如果项目数量较多，应结合目标屏幕尺寸调整每行显示个数、行间距和列间距，避免列表超出界面范围。

三、列表设置检查

• 环节选择界面和子环节选择界面中的按钮应完整显示，不能相互遮挡。
• 选题界面中的题号或选题按钮应保持清晰，不能因为间距过小而难以区分。
• 答题界面的代表队分数标签应显示完整，不能遮挡代表队名称或分数。
• 在代表队数量较少和较多的情况下分别预览，确认布局都能正常适应。

10.6 🏆 排名界面的编辑和设置

排名界面用于显示比赛结束或阶段性统计时的代表队排名和分数。排名界面可以独立编辑，调整排名列表的表头、列宽、行高、字体、颜色、背景和边框。

一、进入排名界面编辑

1. 选择“界面编辑”。
2. 在左侧界面树中找到并选中“排名界面”节点。
3. 点击“编辑界面”进入排名界面编辑状态。
4. 在右侧预览区域确认当前编辑的是排名界面，再进行布局和样式调整。

二、排名列表的主要设置

设置项目	作用
表头字体和颜色	调整排名列表标题的字体、字号和文字颜色
列宽	调整代表队名称、分数和排名等字段的显示宽度
行高	调整每一条排名记录的显示高度
列表背景	设置排名列表的背景颜色或背景图片
边框	设置列表边框和项目分隔效果
行间距、列间距	调整排名项目之间的空白距离

三、排名界面的编辑步骤

1. 选中排名列表或需要调整的排名控件。
2. 通过拖动控件调整整体位置和大小，或在工具栏中直接修改宽度、高度、水平距离和垂直距离。
3. 根据需要调整表头、代表队名称、分数和排名序号的字体及颜色。
4. 调整列宽和行高，确保较长的代表队名称和分数能够完整显示。
5. 预览不同数量的代表队，检查排名顺序、分数和文字是否清晰。

四、排名界面检查

• 代表队排名顺序应清楚；
• 代表队名称、排名序号和分数应完整显示；
• 表头与列表内容应保持对齐；
• 背景、文字和边框颜色应有足够对比度；
• 在主屏和辅屏或投影上显示时，列表不应出现裁切、拉伸或重叠。

10.7 🧪 赛前检测

界面编辑完成后，可以使用“赛前检测”一次检查分辨率、控件位置、题目内容和选题数据。检测结果会列出发现的错误或警告，并提供“操作”按钮帮助您快速定位到相关题目或设置界面。

一、执行赛前检测

1. 打开竞赛文件，进入代表队信息或系统提供的赛前检测区域。
2. 点击【赛前检测】按钮。
3. 等待检测完成。检测期间按钮会显示“检测中...”，完成后恢复为【赛前检测】。
4. 在检测结果表中查看“级别”“检测项目”“位置”和“问题说明”四列。

检测结果分为以下两种：

级别	含义	建议
错误	可能导致题目、答案或控件无法完整显示，或设备答题无法正确识别	修复后重新执行赛前检测
警告	检测到可能影响显示或操作的风险	根据比赛需要检查并处理
通过	所有检测项目均通过	仍建议结合实际设备进行彩排

二、检测项目说明

2.1 分辨率检测

检查竞赛文件中保存的显示分辨率是否与当前电脑主屏分辨率一致。不一致时，结果会提示可能无法全屏显示。

选中该条结果后，点击【获取分辨率】，确认将当前电脑分辨率写入系统设置。设置完成后，重新打开比赛界面，再检查控件位置和大小。

2.2 控件和内容溢出检测

检查答题界面以及环节选择、子环节选择、规则、选题和抽题等流程界面，主要包括：

• 题目、答案、题号、倒计时和抢答提示区域是否超出设定分辨率；
• 代表队分数牌是否超出显示区域；
• 控件之间是否存在可能重叠；
• 题目文字、答案文字和题号是否能够完整显示；
• 环节按钮、子环节按钮、选题按钮和规则文字是否完整显示。

检测结果中会显示具体的环节、子环节和题目序号。选中问题后点击【操作】：

• 针对某一道题目的文字或答案问题，进入【编辑题目】进行修改；
• 针对题目控件位置、大小或界面布局问题，进入【编辑题目界面】；
• 针对环节选择、子环节、规则、选题或抽题界面的问题，打开对应的设置界面。

修改控件位置、大小或字体后，返回赛前检测区域重新检测，确认问题已经消失。

2.3 设备答题题目兼容性检测

如果某个子环节勾选了“设备答题”，系统会检查该环节题目的答案格式是否为答题设备支持的单选、多选或判断格式。检测到不支持的答案格式时，会显示具体环节、子环节和题目序号。

选中问题后点击【操作】进入【编辑题目】，按照题目录入与题库管理中的答案格式要求修改答案。没有勾选“设备答题”的环节不会执行这项答案格式检测。

2.4 选题序号检测

对于使用答题卡选题、且没有启用抽题和随机选题的环节，系统会检查题目序号是否从 1 开始并连续排列。序号不连续时，选题按钮编号可能与实际题目序号不对应。

选中问题后点击【操作】进入【打开题目管理】，检查该环节题目的“序号”并修改为从 1 开始的连续编号。修改后重新执行赛前检测。

三、快速定位和修改问题

1. 在结果表中先选中一条错误或警告。
2. 查看“位置”和“问题说明”，确认问题属于哪个环节、子环节或题目。
3. 点击【操作】，进入系统自动定位的编辑界面。
4. 完成修改后关闭编辑界面，返回赛前检测区域。
5. 再次点击【赛前检测】，确认原问题不再出现在结果表中。

如果提示“无法定位对应环节”“没有找到对应的环节设置”或题目已经删除、移动，请先重新执行赛前检测，再根据当前竞赛文件中的实际环节和题目位置手动查找。

四、检测完成后的处理

当结果表显示“所有检测项目均通过”时，仍应使用实际比赛屏幕检查欢迎界面、规则界面、答题界面和排名界面的显示效果，并确认设备连接正常。检测只针对软件数据和界面布局，不能代替抢答器、计分屏、答题器、平板及投影设备的现场测试。

正式比赛前建议先使用【另存为】保留原竞赛文件，再处理检测发现的问题，避免误修改原始文件。

10.8 🔄 答题界面控件格式依赖关系说明

在顶伯知识竞赛系统中，答题界面的控件格式（位置、大小、字体等）遵循一套完整的继承规则。理解这些规则，可以帮助您更高效地统一管理界面样式，同时保留个性化调整的灵活性。

一、🎯 答题界面包含的元素

每个答题界面一般包含以下 3-6 个可编辑元素：

元素	出现条件	说明
题目序号 🔢	始终出现	显示当前题目的序号
倒计时 ⏱️	环节编辑中勾选了倒计时	显示剩余答题时间
题目内容 ❓	始终出现	题目的文本内容
答案选项 ✅	始终出现	题目的答案选项（ABCD等）
抢答提示框 🚨	抢答题或提示题环节	提示抢答状态
分数标签 🏆	环节编辑中勾选了计分	显示各代表队实时得分

二、🎯 这样设计的目的是什么？

这套依赖规则的设计理念是：让系统设置起来更方便，减少重复工作，同时保持灵活性。

设计目标	实现方式
减少重复设置	只需要设计好基础环节，其他环节自动继承
保持一致性	同类控件默认使用相同样式，整体风格统一
灵活调整	需要特殊样式时，可以单独设置覆盖继承
按需定制	每个控件的位置、大小、字体可独立控制

💡 简单来说： 系统按“当前界面自己的设置 → 当前环节的公共设置 → 参考环节设置 → 程序默认值”的顺序读取格式。默认环节只是参考来源，不会覆盖已经单独设置过的格式。

三、📏 位置和大小的依赖规则

3.1 同一环节内的统一性

核心原则： 在同一个环节内，所有题目的控件位置和大小保持一致。

环节类型	规则说明
抢答题环节	该环节所有题目的题目序号、倒计时、题目、答案、抢答提示框、分数标签的位置和大小完全相同
必答题环节	该环节所有题目的题目序号、倒计时、题目、答案、分数标签的位置和大小完全相同
其他环节	依此类推，每个环节内部保持统一

✅ 这意味着： 您只需要为每个环节调整一次控件布局，该环节的所有题目都会自动应用这套布局。

3.2 不同环节间的继承关系

核心原则： 不同环节之间的控件布局可以使用参考设置。当前界面没有自己的设置时，系统会依次查找当前环节的公共设置、当前环节的首个子环节（适用于有子环节的环节）以及配置的参考环节，最后才使用程序默认值。

💡 最佳实践： 先设计一个“模板环节”，再通过右键菜单设置为默认环节；同时检查需要单独设置的环节，因为已有的专属设置优先于参考环节。

四、✒️ 题目和答案字体的依赖规则

题目和答案的字体设置（包括字体、大小、样式：加粗、下划线、斜体）遵循以下规则：

4.1 以第一个题目为基准

核心原则： 当前环节中，题目和答案字体通常以按题目序号排序后的第一道题为基准；如果某道题设置了自己的字体，则优先使用自己的设置。

情况	规则说明
未单独设置字体	如果某个题目没有单独设置字体格式，则使用当前环节第一道题的通用字体设置
已单独设置字体	如果某个题目单独设置了字体格式，则使用自己的设置

📝 示例说明：

• 当前环节排序后的第一道题设置：字体=微软雅黑、大小=28、加粗=是。
• 后续题目：未单独设置 → 自动使用当前环节的通用字体设置。
• 序号 3 的题目：单独设置了字体=楷体、大小=24 → 使用自己的设置。

4.2 字体设置的独立性

核心原则： 每个题目可以独立设置自己的题目字体和答案字体。

设置项	独立性说明
题目字体	每个题目的题目文字可以单独设置字体
答案字体	每个题目的答案文字可以单独设置字体

✅ 这意味着： 您可以根据题目特点（如长短题、重点题）灵活调整字体样式。

五、🖼️ 图片位置和大小的依赖规则

对于包含图片的题目，图片的位置和大小遵循以下规则：

5.1 以有图片的第一个题目为基准

核心原则： 当前环节中，图片的公共位置和大小以按题目序号排序后的第一道有图片题为参考；单题有专属设置时优先使用专属设置。

情况	规则说明
未单独设置图片	如果某个题目没有单独设置图片的位置和大小，则使用当前环节首张图片的公共设置
已单独设置图片	如果某个题目单独设置了图片的位置和大小，则使用自己的设置

📝 示例说明：

• 序号 2 的题目：第一个有图片的题目，设置了图片位置=(100,200)、大小=300×200。
• 序号 5 的题目：也有图片但未单独设置 → 自动使用序号 2 的图片设置。
• 序号 7 的题目：单独设置了图片位置=(50,150)、大小=250×180 → 使用自己的设置。

5.2 图片与文字独立

图片的设置与题目文字的字体设置完全独立，互不影响。

六、🔄 控件格式的完整依赖关系

这是整个系统最核心的规则：每个控件的位置、大小以及字体格式，都会独立地按照以下规则查找依赖关系。

6.1 核心原则

如果答题界面的某个控件设置了自己的位置、大小或字体格式，它就用自己设置的格式。如果没有设置，它就会按照以下规则查找继承来源。

6.2 依赖关系流程图

6.3 完整查找路径示例

下面示例只用于说明查找顺序。实际结果还取决于当前竞赛文件中是否保存了对应的专属设置。

示例 1：编辑子环节 2-2 的题目位置

步骤	查找过程
1	检查子环节 2-2 是否设置了题目位置？→ 未设置
2	检查当前环节的公共设置
3	如果仍未设置，再检查当前环节首个子环节或配置的参考环节
4	找到第一个已保存的设置后停止查找
5	如果所有来源都未设置，使用程序默认位置

示例 2：编辑子环节 2-2 的题目字体

步骤	查找过程
1	检查子环节 2-2 是否设置了题目字体？→ 已设置
2	结果：直接使用自己的设置，不再查找

示例 3：编辑环节 3 的答案字体

步骤	查找过程
1	检查环节 3 是否设置了答案字体？→ 未设置
2	检查当前环节的公共答案字体
3	再检查配置的参考环节是否有答案字体
4	如果仍未设置，使用程序默认字体

示例 4：编辑子环节 2-1 的抢答提示框大小（已配置参考环节）

步骤	查找过程
1	检查子环节 2-1 是否设置了抢答提示框大小？→ 未设置
2	检查当前环节的公共设置
3	当前环节未设置，再检查配置的参考环节（环节 3）
4	环节 3 已设置 → 使用环节 3 的样式

示例 5：没有任何参考设置时的题目框大小

步骤	查找过程
1	检查子环节 2-2 是否设置了题目框大小？→ 未设置
2	检查当前环节的公共设置 → 未设置
3	检查可用的参考环节 → 未设置
4	使用程序默认的题目框大小

6.4 如何设置默认环节

在答题界面空白处单击右键，选择“设置默认环节”，再选择参考环节。清除参考关系时选择“默认”。设置后重新打开界面，检查实际显示效果。

七、📊 规则总结表

规则项	说明
同一环节内	所有控件位置和大小字体样式保持一致（除了题目和答案的字体样式）
每个控件独立	位置、大小、字体格式独立查找
当前界面已设置	优先使用当前界面自己的位置、大小或字体
当前公共设置	当前界面未设置时，使用当前环节的公共设置
参考设置	再按当前环节结构和“默认环节”配置查找参考设置
目标未设置	所有来源都未设置时，使用程序默认样式

八、❓ 常见问题解答

Q1：为什么要设计这么复杂的继承规则？

A：为了减少重复设置。没有专属设置的界面可以使用当前环节或参考环节的公共格式，同时允许单个界面保留自己的特殊设置。

Q2：我修改了默认环节的题目位置，其他环节会自动更新吗？

A：只有仍在使用该参考设置的界面会受到影响；已经保存了专属位置的界面不会被覆盖。修改后应重新打开相关界面检查。

Q3：我想让环节 2 的题目位置和默认环节不同，但字体相同，怎么办？

A：只修改环节 2 的题目位置，不要另存一套字体设置。这样位置使用环节 2 的设置，字体仍可从公共或参考设置读取。

Q4：如果没有设置默认环节，系统怎么决定用谁的样式？

A：系统会先查当前界面和当前环节的公共设置，再根据有无子环节及“默认环节”配置查找参考设置；都没有时使用程序默认样式。

Q5：如何让所有环节的某个控件统一使用同一个样式？

A：设置一个参考环节并在其中保存公共样式；需要特殊布局的环节再单独设置。不要把“默认环节”理解成强制覆盖全部界面。

Q6：如果我想让某个控件在所有环节都不同，怎么办？

A：在需要差异化的界面上单独设置该控件。已保存的专属设置优先于公共或参考设置。

Q7：设置了默认环节，为什么我的环节没有继承？

A：可能的原因：

• 该环节的该控件已经单独设置过样式（已设置优先）。
• 当前界面已经保存了其他设置，优先级高于参考设置。
• 参考环节的对应控件没有保存该属性，系统会继续查找其他来源。
• 检查“默认环节”配置和当前竞赛文件是否正确。

Q8：子环节会继承父环节的样式吗？

A：子环节会按当前界面、当前环节公共设置和参考设置的顺序读取；是否使用父环节或其他环节，取决于当前竞赛文件中的设置，不能简单理解为所有子环节都自动继承父环节。

本节要点： 当前界面专属设置优先；没有专属设置时再使用当前环节、参考环节或程序默认值。设置默认环节后，务必重新打开答题界面检查继承结果。

10.9 🛠️ 筛选显示不全的题目、找回控件，隐藏控件

🖥️ 界面编辑：题目显示与控件管理

📖 内容说明

在日常使用中，您可能会遇到题目显示不全、控件意外丢失或需要隐藏某些元素的情况。本篇教程将为您详细介绍这些问题的解决方法，让您能够轻松应对各种界面编辑挑战。

一、🔍 筛选显示不全的题目

当题目内容过长或字体设置过大时，可能会出现题目在框中显示不全的情况。系统提供了便捷的筛选功能，帮您快速定位这些问题题目。

1.1 操作步骤

1. 进入“界面编辑”模块。
2. 在界面空白处单击鼠标右键。
3. 在弹出的菜单中选择“显示不全的题目”。

执行效果：

• 系统会自动筛选出所有题目内容显示不全的题目。
• 也会筛选出所有答案内容显示不全的题目。

1.2 修改字体大小解决显示不全

找到显示不全的题目后，可以通过调整字体大小来解决。

方法一：在题目上直接修改

1. 在显示不全的题目文本上单击鼠标右键。
2. 选择“设置文本字体”。
3. 在弹出的对话框中调整字号（调小）。
4. 点击确认，查看效果。

方法二：使用工具栏修改

1. 选中显示不全的题目控件。
2. 在右侧工具栏中找到“字体大小”设置。
3. 将字号调小，直到内容完全显示。

1.3 恢复显示所有题目

完成修改后，可以恢复显示所有题目：

1. 在界面空白处单击鼠标右键。
2. 选择“显示全部题目”。
3. 系统会恢复显示所有题目，方便您继续编辑其他内容。

**完整流程：**右键空白处 → 选择“显示不全的题目” → 修改问题题目的字体大小 → 右键空白处 → 选择“显示全部题目”。

二、🧩 找回丢失的控件

在使用过程中，可能会因为误操作（如拖拽过头、误删、位置设置错误等）导致某些控件找不到了。别担心，系统提供了找回功能。

2.1 常见控件丢失原因

原因	说明
拖拽过头	将控件拖出了可视区域（如屏幕外）
位置设置错误	在工具栏中输入了过大的坐标值
大小设置错误	将控件大小设置为 0 或极小值
层级问题	控件被其他元素遮挡

2.2 找回丢失控件的步骤

1. 在题目编辑界面的空白处单击鼠标右键。
2. 在弹出的菜单中点击“选择”，选择丢失的控件（位于菜单下方）。

3. 观察工具栏变化：此时工具栏的标题会变成相应控件的名称。

例如：

• 如果丢失的是题目控件，工具栏会显示“题目”。
• 如果丢失的是答案控件，工具栏会显示“答案”。
• 如果丢失的是序号控件，工具栏会显示“序号”。

4. 设置标准参数：在工具栏中设置以下数值。

参数	数值
宽度	100
高度	100
水平距离	0
垂直距离	0

设置完成后，丢失的控件会出现在界面的左上角（坐标 0,0 位置）。找到控件后，您可以像正常一样拖拽它到合适的位置。

2.3 找回后的处理建议

情况	建议操作
控件恢复正常	直接拖拽到需要的位置
还需要调整大小	在工具栏中重新设置合适的宽度和高度
不需要了	可以按第三部分的方法隐藏

三、👻 隐藏不需要的控件

在某些情况下，您可能希望某些控件不显示出来。例如：

• 主观题没有标准答案，不需要显示答案框。
• 某些题目答案太长，不想在界面上展示。
• 临时隐藏某些元素进行测试。

3.1 为什么需要隐藏控件？

场景	说明
主观题	答案不确定或没有标准答案，显示答案框会显得奇怪
答案过长	答案内容太长，不想在界面上占用过多空间
临时测试	测试界面效果时，暂时隐藏某些元素
界面简化	某些环节不需要展示所有元素，简化界面

3.2 隐藏控件的方法

系统提供了两种简单的方法来隐藏控件。

方法：将控件大小设为 0

1. 选中要隐藏的控件。
2. 在右侧工具栏中找到“宽度”和“高度”设置。
3. 将两个数值都设置为 0。
4. 控件会缩放到不可见，实现隐藏效果。

不建议使用负数坐标隐藏控件。软件重新读取位置时会对超出边界的坐标进行修正，控件可能重新出现在界面中。

3.3 两种方法的对比

方法	优点	缺点	适用场景
大小设为 0	控件不可见，设置方式稳定	找回后需要重新设置大小	隐藏不需要展示的控件

3.4 如何重新显示隐藏的控件

如果之后又需要显示之前隐藏的控件：

1. 使用“选择丢失的控件”功能（见第二部分）。
2. 工具栏会显示出该控件的当前设置。
3. 根据需要调整：
   • 如果用的是大小为 0：重新设置合适的宽度和高度。
4. 控件会重新出现在界面上。

四、💡 实用技巧与建议

4.1 关于显示不全的题目

• 先筛选后修改： 使用“显示不全的题目”功能批量定位问题。
• 适度调整： 不要为了一个长题目把所有题目字体都调小，可以单独调整。
• 测试验证： 修改后建议切换到比赛模式预览实际效果。

4.2 关于找回丢失控件

• 不要慌张： 控件不会真正丢失，只是不在可视区域。
• 记住快捷键： 右键菜单中有快速找回功能。
• 找回后及时保存： 找到后调整好位置，记得保存设置。

4.3 关于隐藏控件

• 主观题处理： 如果题目没有标准答案，可以直接隐藏答案框。
• 隐藏控件用大小为 0： 重新显示时再恢复合适的宽度和高度。
• 做好记录： 如果隐藏了多个控件，建议记录下哪些被隐藏了，方便日后查找。

4.4 预防性建议

• 定期保存： 编辑过程中经常保存，防止意外丢失。
• 备份界面： 重要界面前可以先导出备份。
• 谨慎拖拽： 拖拽控件时注意不要超出可视区域。
• 测试环境： 先在测试环节尝试，再应用到正式比赛。

五、❓ 常见问题解答

Q1：为什么我点了“显示不全的题目”但没有反应？

A：说明当前界面没有显示不全的题目，所有题目都显示正常。

Q2：我按照步骤找回了丢失的控件，但大小不对怎么办？

A：找回时设置的 100×100 是标准尺寸，您可以根据需要重新调整大小。

Q3：隐藏控件后，会影响比赛时题目的正常显示吗？

A：不会。隐藏只影响显示，题目的内容和逻辑仍然保留；但正式比赛前应确认该控件确实不需要展示。

Q4：我不小心把题目控件拖到屏幕外了，怎么找回？

A：使用“选择丢失的控件”功能，将宽度和高度恢复为合适的正数，再拖到需要的位置。

Q5：如果多个控件都丢失了，需要一个个找回吗？

A：可以逐个使用“选择”定位。也可以使用“清除界面格式”，但该操作会清除当前界面的多项格式设置、单题设置和默认环节配置，且需要重新打开界面才生效；执行前请先备份竞赛文件。

Q6：隐藏答案框后，比赛中还会显示答案吗？

A：不会显示。隐藏后答案框不可见，但题目的答案数据仍然存在，只是不展示。

Q7：我设置了负数坐标，但控件还在界面上？

A：不建议使用负数坐标隐藏。请改用宽度和高度为 0；需要恢复时，再把宽度和高度改回合适的数值。

本节要点： 先筛选显示不全的题目，再调整字体；控件异常时使用“选择”定位；需要隐藏控件时将宽度和高度设为 0，并在正式比赛前复核显示效果。

10.10 🎨 知识竞赛软件图片设计与设置指南

一场精彩的知识竞赛，离不开专业美观的视觉呈现。本篇指南将为您详细讲解图片设计的核心要点，从分辨率设置到各类界面背景图的设计规范，助您打造视觉统一、专业大气的比赛现场。

一、📐 图片比例与分辨率设置

1.1 图片比例选择

图片比例是指图片宽度与高度的比值，目前主流的显示比例有两种：

比例	适用场景	说明
4:3	老式投影仪、老式方屏显示器、老式 LED 屏	除非您使用的设备非常老旧，否则不建议使用
16:9	现代显示器、笔记本电脑、LED 大屏、投影仪	目前最通用的标准比例，绝大多数比赛场景都适用

建议： 无论您设计什么图片，都优先选择 16:9 的比例。

1.2 图片分辨率设置

图片分辨率是指图片的像素尺寸，通常表示为“宽度×高度”。正确的分辨率设置需要与您比赛使用的电脑保持一致。

如何查看电脑当前分辨率

Windows 10/11 系统：

1. 在桌面空白处右键单击，选择“显示设置”。
2. 向下滚动找到“显示分辨率”选项。
3. 查看当前选中的分辨率（如 1920×1080、1366×768 等）。

如何设置软件分辨率

在顶伯知识竞赛软件中：

1. 点击上边的“分辨率”下拉框。
2. 选择与电脑分辨率一致的选项（如 1920×1080）。
3. 软件界面会自动调整到该分辨率。
4. 也可以点击“获取分辨率”按钮，自动设置软件分辨率与电脑分辨率保持一致。

⚠️ ⚠️ 重点强调： 软件的分辨率非常重要，一定要在设计图片、设置图片、调整界面样式之前确定好！如果在设计完成后再更改分辨率，所有界面元素的位置和大小都可能需要重新调整。

1.3 DPI 设置（最关键的一步）

DPI（Dots Per Inch）影响文字的显示清晰度。如果 DPI 不是 100%，可能会导致软件界面显示不全或文字模糊。

如何查看和设置 DPI

Windows 10/11 系统：

1. 打开“设置” → “系统” → “显示”。
2. 找到“缩放与布局”选项。
3. 确保“缩放”设置为 100%（推荐）。

如果找不到 100% 选项：

1. 点击下方的“高级缩放设置”。
2. 在“自定义缩放”中输入 100，点击应用。
3. 注销并重新登录系统生效。

特别注意： 如果电脑 DPI 不是 100%，软件界面可能会出现文字模糊、控件错位、显示不全等问题。务必在比赛前确认设置为 100%。

二、🖼️ 只需要设计两张核心图片

在大多数比赛场景中，您只需要设计两张核心图片，即可满足所有界面的视觉需求。

2.1 欢迎界面图片

图片特点：

要素	说明
活动主题	突出显示本次比赛的主题名称
相关 LOGO	主办单位、承办单位的 LOGO
背景图	与活动主题高度相关的视觉元素
氛围营造	通过图片营造比赛氛围

设计示例：

设计要点：

• 主题文字要醒目突出。
• LOGO 位置要规范统一。
• 整体风格正式大气。
• 可适当使用活动相关元素（如“一二·九”可使用历史元素）。

2.2 竞赛内容背景图片

这是比赛中最常用的背景图，会出现在答题界面、环节界面等多个地方。

图片特点：

要素	说明
LOGO	放在固定位置（通常为左上角或顶部居中）
活动主题	简洁显示主题名称
留白区域	其他区域尽量留空，用于放置题目、答案等控件

设计示例：

设计要点：

• 上方放置 LOGO 和活动主题。
• 主体区域尽量留白（纯色或简单纹理）。
• 避免在中央区域放置复杂图案，以免干扰文字阅读。

三、🎨 各类控件背景图设计规范

除了整体背景图，您还可以为不同类型的控件设置专属背景图。

3.1 主色调一致性

核心原则： 所有控件背景图的主色调应尽量与软件界面主色调保持一致。

控件类型	色调建议
题目背景	与主色调协调，可略微加深突出
答案背景	可使用稍浅色调，或与题目区分
按钮背景	可使用强调色（如蓝色、绿色）

3.2 控件背景图的通用性

重要提示： 所有环节的同类控件使用相同的背景图。

控件类型	设计说明
题目背景图	所有环节的题目都使用同一张背景图
答案背景图	所有环节的答案都使用同一张背景图
按钮背景图	各类按钮使用统一的背景图

3.3 题目和答案避免使用圆角背景图

为什么不能用圆角？

因为不同环节的题目和答案控件大小可能不一致：

• 必答题的题目框可能很宽。
• 抢答题的题目框可能较高。

如果使用圆角背景图，当控件长宽比例变化时，圆角会严重变形。

正确做法：

• 题目和答案的背景图使用直角矩形（无圆角）。
• 使用纯色背景或简单纹理。

3.4 各类界面背景图优先级

系统有明确的背景图优先级规则：规则界面、子环节选择界面、抽题界面、选题界面、答题界面、排名界面，可以单独设置背景图。如果没有单独设置，自动使用环节选择界面的背景图。

最佳实践： 先设置好环节选择界面的背景图，然后根据需要为特殊界面（如排名界面）单独设置专属背景。

四、📋 图片设计清单

4.1 需要准备的核心图片

图片类型	数量	说明
欢迎界面背景图	1 张	包含主题、LOGO、氛围元素
竞赛内容背景图	1 张	上方 LOGO+主题，下方留白
题目背景图	1 张	所有环节通用，直角矩形
答案背景图	1 张	所有环节通用，直角矩形
按钮背景图	可选	各类按钮通用
特殊界面背景图	可选	排名界面、规则界面等可按需设计

4.2 图片规格清单

项目	要求
比例	整屏背景建议与比赛输出画面一致；控件背景按控件比例设计
分辨率	整屏背景与软件配置分辨率一致；控件背景按实际控件尺寸准备
格式	JPG 或 PNG
文件大小	建议不超过 5MB，避免加载缓慢
颜色模式	RGB

五、🔧 在软件中设置图片

5.1 设置界面背景图

1. 进入“界面编辑”模块。
2. 左侧选择要设置的界面（如欢迎界面、环节选择界面）。
3. 点击“编辑界面”按钮。
4. 在界面空白处右键单击，选择“更换背景图”。

5.2 设置控件背景图

1. 选中要设置的控件（如题目框）。
2. 在右侧工具栏找到背景图片选项，上传对应的背景图。
3. 或者在控件上单击右键，选择“设置背景图片”。

5.3 设计背景图片

软件提供“设计背景图片”入口，会打开外部图片设计网页：

1. 在背景设置界面或右键菜单中点击“设计背景图片”。
2. 在打开的网页中制作或生成背景图片。
3. 将完成的图片保存到本地，再回到软件使用“更换背景图片”或“粘贴背景图片”应用。

5.4 重置背景图片

如果想恢复默认背景：

• 点击“重置背景图片”按钮。
• 或右键单击选择“重置背景”。

六、❓ 常见问题解答

Q1：图片显示变形怎么办？

A：

• 检查整屏背景比例是否与输出画面一致，控件背景是否符合控件比例。
• 检查图片分辨率是否与软件设置一致。
• 避免使用圆角背景图用于可变大小的控件。

Q2：图片模糊不清怎么办？

A：

• 检查电脑 DPI 是否设置为 100%。
• 使用更高分辨率的图片（推荐 1920×1080）。
• 避免过度拉伸小尺寸图片。

Q3：不同界面背景不一致？

A：

• 确认是否为每个界面单独设置了背景。
• 如想统一，可先设置环节选择界面背景，其他界面不设（会自动继承）。

Q4：外部设计网页生成的图片不满意？

A：

• 在设计网页中调整描述、风格或色调后重新生成。
• 保存前先确认图片比例、分辨率和文字留白符合比赛显示窗口。
• 也可以使用本地图片编辑工具修改后，再通过“更换背景图片”加载。

七、📝 实用技巧总结

技巧	说明
合理比例	整屏背景与输出画面一致，控件背景按控件比例设计
统一分辨率	与比赛电脑、软件设置保持一致
DPI 设为 100%	避免文字模糊、界面错位
只设计两张核心图	欢迎界面图 + 竞赛内容背景图
控件背景用直角	题目和答案避免使用圆角，适应不同控件大小
主色调一致	所有图片色调协调统一
留白区域	主体区域尽量简洁，便于阅读

本节要点： 先确定分辨率和 DPI，再设计背景图片；整屏背景使用“更换背景图片”，外部网页只负责设计，不能替代软件中的加载步骤。