Anki Qt5版本中的图形界面问题分析与解决方案

Anki作为一款流行的记忆辅助软件，其Qt5版本在24.11版本中出现了一些图形界面相关的显示问题。这些问题虽然不影响核心功能，但对用户体验造成了影响。本文将详细分析这些问题并提供可能的解决方案。

问题现象

在Anki Qt5版本中，主要存在以下几类图形显示异常：

1. 选项界面显示异常：在牌组选项中，切换按钮显示过小，文本框周围出现异常边框
2. 模拟器图表问题：FSRS模拟器的模拟图表区域初始显示为全黑，只有在点击"模拟"按钮后才会正常显示
3. 统计页面布局错乱：状态数据显示间距过小，饼图缺失
4. 卡片浏览器统计空白：通过右键菜单查看卡片统计时，窗口内容完全空白

技术背景

这些问题主要源于Qt5和Qt6之间的兼容性差异。Qt6作为Qt框架的较新版本，对图形渲染管线进行了重大改进，包括：

• 引入了新的图形API支持(如Vulkan、Metal和Direct3D 11)
• 改进了高DPI显示支持
• 优化了图形渲染性能

而Qt5在这些方面的实现相对较为陈旧，特别是在现代图形界面元素的渲染上可能存在差异。

解决方案探讨

对于这些问题，开发团队提出了几种可能的解决路径：

1. 升级到Qt6：这是官方推荐的解决方案，Qt6版本不存在这些图形问题
2. 自定义补丁：对于无法升级到Qt6的用户，可以通过编写自定义插件来修复部分功能
3. 等待官方修复：虽然官方表示不会专门为Qt5修复这些问题，但简单的修复补丁仍可能被接受

针对卡片统计空白的临时解决方案

对于卡片浏览器统计空白的问题，可以通过以下JavaScript补丁临时解决：

from anki.hooks import wrap
from aqt.browser.card_info import CardInfoDialog

def polyfill(self, _card_id):
    self.web.eval("""
if (!Array.prototype.toReversed) {
  Array.prototype.toReversed = function() {
    return this.slice().reverse();
  }
}
    """)

def update_card(self, card_id, _old) -> None:
    from aqt.theme import theme_manager
    from anki.errors import NotFoundError

    try:
        self.mw.col.get_card(card_id)
    except NotFoundError:
        card_id = None

    if theme_manager.night_mode:
        extra = "#night"
    else:
        extra = ""
    assert self.web is not None
    self.web.load_sveltekit_page(f'card-info/{card_id}')
    polyfill(self, card_id)

CardInfoDialog._setup_ui = wrap(CardInfoDialog._setup_ui, polyfill)
CardInfoDialog.update_card = wrap(CardInfoDialog.update_card, update_card, "around")

这个补丁主要解决了Array.prototype.toReversed方法在Qt5环境中缺失的问题。

长期建议

对于大多数用户，建议尽可能升级到Qt6版本，以获得更好的兼容性和用户体验。对于必须使用Qt5的特殊情况，可以考虑：

1. 关注官方更新，看是否有简单修复被合并
2. 使用社区提供的补丁或插件
3. 忍受部分图形界面的显示异常，只要核心功能正常

总结

Anki Qt5版本的图形问题主要源于框架版本差异，虽然不影响核心记忆功能，但对界面体验有所影响。用户应根据自身情况选择合适的解决方案，长期来看升级到Qt6是最佳选择。