docs: 修改文档
This commit is contained in:
+28
-28
@@ -1,24 +1,24 @@
|
||||
# 用户界面屏幕截图
|
||||
# User Interface Screenshots
|
||||
|
||||
潜进 (HeurAMS) 项目目前有两个前端实现, 此文档用于呈现它们的截图 (尽量与最新版本同步):
|
||||
The HeurAMS project currently has two frontend implementations. This document presents their screenshots (kept as up-to-date as possible):
|
||||
|
||||
- Textual 基本用户界面 (heurams.interface): 基于 Python Textual 框架构建的程序库内置跨平台 TUI 界面, 支持触屏、鼠标、键盘多操作模式, 是当前开箱即用的默认前端.
|
||||
- KiriMemo (org.kde.kirimemo): 基于 KDE Kirigami 框架的现代跨平台前端, 使用 C++ 和 QML 构建, 通过 `PyOtherSide` 直接复用 Python 内核, 为多种平台提供原生体验 (尚未稳定).
|
||||
<!--- ArkMemo (top.pluv27.arkmemo): 基于 ArkUI 的现代移动设备前端, 使用 ArkTS 构建, 通过 API 调用 Python 内核, 为 Android, HarmonyOS, iOS 平台提供原生体验 (尚未稳定)-->
|
||||
- **Textual Basic User Interface** (`heurams.interface`): A built-in cross-platform TUI built with the Python Textual framework, supporting touch, mouse, and keyboard operation modes. This is the current out-of-the-box default frontend.
|
||||
- **KiriMemo** (`org.kde.kirimemo`): A modern cross-platform frontend based on the KDE Kirigami framework, built with C++ and QML, directly reusing the Python kernel via `PyOtherSide`, providing native experiences across multiple platforms (not yet stable).
|
||||
<!--- ArkMemo (top.pluv27.arkmemo): A modern mobile device frontend based on ArkUI, built with ArkTS, calling the Python kernel via API, providing native experiences for Android, HarmonyOS, and iOS platforms (not yet stable)-->
|
||||
|
||||
欢迎为现有前端贡献代码, 或开发您自己的前端.\
|
||||
详见[贡献指南](CONTRIBUTING.md#%E6%96%B0%E7%9A%84%E7%94%A8%E6%88%B7%E7%95%8C%E9%9D%A2%E5%89%8D%E7%AB%AF).
|
||||
Feel free to contribute code to existing frontends or develop your own.\
|
||||
See the [Contributing Guide](CONTRIBUTING.md#new-user-interface-frontends).
|
||||
|
||||
## 基本用户界面前端的截图
|
||||
## Screenshots of the Basic User Interface
|
||||
|
||||
> 截图所使用的终端模拟器为 KDE Konsole\
|
||||
> 字体为 Cascadia Code 和 Noto Sans SC\
|
||||
> 终端尺寸设置为 80x25 (软件也支持更大的终端尺寸)
|
||||
> The terminal emulator used for screenshots is KDE Konsole.\
|
||||
> Fonts used: Cascadia Code and Noto Sans SC.\
|
||||
> Terminal size set to 80x25 (the software also supports larger terminal sizes).
|
||||
|
||||
### 仪表盘与导航器
|
||||
### Dashboard & Navigator
|
||||
|
||||
仪表盘包含学习面板的总体视图, 包括不同功能区域的操作入口, 统计信息, 以及单元集概览.\
|
||||
导航器是一个实用的模态窗口, 能带您在多种功能间自如切换, 按 `n` 键或单击下方按钮可在任意界面迅速打开/关闭导航器.
|
||||
The dashboard provides an overview of the learning panel, including entry points for different functional areas, statistics, and a unit set overview.\
|
||||
The navigator is a practical modal window that lets you quickly switch between various features. Press the `n` key or click the button below to open/close the navigator from any screen.
|
||||
|
||||
<div style="display: flex; flex-wrap: wrap; gap: 10px;">
|
||||
<img src="screenshots/dashboard_1.png" width="48%">
|
||||
@@ -26,20 +26,20 @@
|
||||
<img src="screenshots/navigator_1.png" width="48%">
|
||||
</div>
|
||||
|
||||
### 准备界面与预缓存工具
|
||||
### Preparation Screen & Pre-cache Tool
|
||||
|
||||
学习准备界面展示了单元集基本信息和每个单元的学习状态, 并提供了学习和预缓存的入口.\
|
||||
预缓存工具使您能提前预缓存文本转语音资源以确保复习流程的顺畅体验和离线复习能力, 但即使您不预先缓存, 资源也会在复习播放时被自动加载.
|
||||
The preparation screen shows unit set basic information and the learning status of each unit, providing entry points for learning and pre-caching.\
|
||||
The pre-cache tool allows you to pre-cache TTS resources to ensure a smooth review experience and offline review capability. Even without pre-caching, resources are loaded automatically during review playback.
|
||||
|
||||
<div style="display: flex; flex-wrap: wrap; gap: 10px;">
|
||||
<img src="screenshots/preparation.png" width="48%">
|
||||
<img src="screenshots/precache_1.png" width="48%">
|
||||
</div>
|
||||
|
||||
### 记忆队列界面
|
||||
### Review Queue Screen
|
||||
|
||||
队列式学习记忆的主要界面.\
|
||||
同一知识点可产生多种谜题类型的评估方式, 软件内置完形填空与识别题等多种测试类型, 您可在复习流程中按顺序完成不同测试.
|
||||
The main screen for queue-based learning and memorization.\
|
||||
The same knowledge point can generate multiple puzzle types for evaluation. The software includes built-in Cloze, Recognition, and other test types, allowing you to complete different tests sequentially during the review flow.
|
||||
|
||||
<div style="display: flex; flex-wrap: wrap; gap: 10px;">
|
||||
<img src="screenshots/memoqueue_cloze_1.png" width="48%">
|
||||
@@ -47,27 +47,27 @@
|
||||
<img src="screenshots/memoqueue_recognition_2.png" width="48%">
|
||||
</div>
|
||||
|
||||
### 设置界面
|
||||
### Settings Screen
|
||||
|
||||
配置界面包含算法选择、音频与多种服务的提供者切换、以及界面与算法设置等选项.
|
||||
The configuration screen includes algorithm selection, provider switching for audio and various services, as well as interface and algorithm settings.
|
||||
|
||||
<div style="display: flex; flex-wrap: wrap; gap: 10px;">
|
||||
<img src="screenshots/setting_1.png" width="48%">
|
||||
<img src="screenshots/setting_2.png" width="48%">
|
||||
</div>
|
||||
|
||||
### 其他界面
|
||||
### Other Screens
|
||||
|
||||
收藏管理器可管理您手动标记的个人收藏集.\
|
||||
关于页面提供了程序版本号、许可协议等信息.
|
||||
The favorites manager lets you manage your manually marked personal collections.\
|
||||
The about page provides program version number, license information, and more.
|
||||
|
||||
<div style="display: flex; flex-wrap: wrap; gap: 10px;">
|
||||
<img src="screenshots/about_1.png" width="48%">
|
||||
<img src="screenshots/favmanager_1.png" width="48%">
|
||||
</div>
|
||||
|
||||
## KiriMemo 前端的截图
|
||||
## Screenshots of the KiriMemo Frontend
|
||||
|
||||
截图将在 KiriMemo 前端开发趋于稳定后补充.
|
||||
Screenshots will be added when the KiriMemo frontend development stabilizes.
|
||||
|
||||
<!-- TODO: 补充截图 -->
|
||||
<!-- TODO: Add screenshots -->
|
||||
|
||||
Reference in New Issue
Block a user