Appearance
输入动作播放
:ui 模块的输入动作播放子系统负责按照预定义的脚本自动执行一系列输入动作,用于教学演示和辅助输入两种场景。该子系统通过 InputActionPlayer 驱动,经由位置解析器将逻辑动作映射到界面坐标,再通过归一化坐标流写入 GestureFeedbackState,最终由 GestureFeedbackPanel 渲染视觉反馈。本章详细描述播放器的使用模式、状态模型、动作分发逻辑及坐标处理管线。
1. UseMode 使用模式
UseMode 定义了 InputActionPlayer 的两种使用模式,决定了播放器是否向编辑器提交文本以及是否显示指示器。
kotlin
enum class UseMode {
Animation,
DirectInput,
}Animation 模式
Animation 模式用于教学演示和引导场景。在此模式下,InputActionPlayer 播放输入动作脚本时不会向编辑器提交任何文本内容,所有按键事件仅驱动视觉反馈(手指指示器移动、按键高亮、触摸轨迹绘制)。showIndicator 属性为 true,播放器会在 CandidateListPanel、InputListPanel、ToolListPanel 中渲染行指示器,标识当前操作的目标行。该模式适用于新用户引导、输入法功能教学、手势操作演示等场景,用户可以观看播放动画理解操作流程而不会干扰当前输入内容。
DirectInput 模式
DirectInput 模式用于输入辅助场景。在此模式下,InputActionPlayer 播放输入动作脚本时会通过 ViewModel.handleIntent() 向编辑器提交实际文本,效果与用户手动输入完全一致。showIndicator 属性为 false,播放器不在任何面板中渲染行指示器,界面保持与正常输入时一致的外观。该模式适用于快捷短语输入、常用表达快速插入、连续符号输入等辅助场景,用户通过触发预设脚本即可快速完成复杂输入操作而无需逐键操作。
2. InputActionPlayerState 播放状态
InputActionPlayerState 是 InputActionPlayer 的状态模型,使用密封类(sealed class)定义五种互斥状态,完整描述播放器的生命周期。
kotlin
sealed class InputActionPlayerState {
data object Idle : InputActionPlayerState()
data class Ready(
val script: InputActionScript,
val useMode: UseMode,
) : InputActionPlayerState()
data class Playing(
val script: InputActionScript,
val useMode: UseMode,
val currentActionIndex: Int,
val progress: Float,
) : InputActionPlayerState()
data class Paused(
val script: InputActionScript,
val useMode: UseMode,
val currentActionIndex: Int,
val progress: Float,
) : InputActionPlayerState()
data class Finished(
val script: InputActionScript,
val useMode: UseMode,
) : InputActionPlayerState()
}状态说明
Idle— 播放器空闲状态,未加载任何脚本。此状态下播放器不占用任何资源,所有视觉反馈关闭。初始状态和脚本播放完成并重置后的状态。Ready— 脚本已加载,等待播放指令。script包含待播放的动作序列,useMode确定播放行为。此状态下可以调用play()开始播放,也可以调用unload()卸载脚本回到Idle。Playing— 正在播放脚本。currentActionIndex标识当前执行到第几个动作,progress范围[0f, 1f]表示当前动作内的执行进度。此状态下可以调用pause()暂停或stop()停止。Paused— 播放已暂停。保留了当前进度信息,可以调用resume()继续播放或stop()停止。暂停时手指指示器保持当前位置不动。Finished— 脚本已播放完成。此状态下可以调用replay()重新播放同一脚本,或调用unload()卸载脚本回到Idle。Finished状态下所有视觉反馈关闭。
3. InputActionPlayer 播放器
InputActionPlayer 是输入动作播放的核心控制器,负责加载脚本、驱动播放、解析位置、写入反馈状态和发射 ImeIntent。
kotlin
class InputActionPlayer(
private val viewModel: KeyboardViewModel,
private val feedbackState: GestureFeedbackState,
private val positionResolver: ComposeInputActionPositionResolver,
private val scope: CoroutineScope,
) {
val playbackState: StateFlow<InputActionPlayerState>
val row1IndicatorState: StateFlow<InputActionFingerIndicator?>
val row2IndicatorState: StateFlow<InputActionFingerIndicator?>
fun load(script: InputActionScript, useMode: UseMode)
fun play()
fun pause()
fun resume()
fun stop()
fun setSpeed(speed: Float)
}属性说明
| 属性 | 类型 | 说明 |
|---|---|---|
playbackState | StateFlow<InputActionPlayerState> | 播放器的整体播放状态 |
row1IndicatorState | StateFlow<InputActionFingerIndicator?> | Row 1(CandidateListPanel)指示器状态 |
row2IndicatorState | StateFlow<InputActionFingerIndicator?> | Row 2(InputListPanel)指示器状态 |
生命周期与清理
InputActionPlayer 的动画循环由 FrameTimer 驱动,FrameTimer 的协程运行在构造函数传入的 scope 中。scope 通常来自 ViewModel 的 viewModelScope。ViewModel 销毁时,通过将 FrameTimer 的作用域取消来停止播放——无需额外清理步骤。FrameTimer 的协程在父作用域取消时自动终止。
动作分发逻辑
InputActionPlayer 在执行每个 InputAction 时,通过 positionResolver 将语义标识解析为归一化坐标,经由 feedbackState 写入视觉反馈,同时通过 viewModel.handleIntent() 发射引擎意图。
KeyDown 动作流程:
- 调用
positionResolver.resolve(key)获取按键归一化坐标。 - 调用
feedbackState.setFingerIndicator(pressed = true, position)设置手指指示器为按下状态。 - 调用
feedbackState.setPressedKeys(setOf(key))设置按下的按键集合。 - 调用
viewModel.handleIntent(ImeIntent.PressKey(key, KeyGesture.Tap))发射按键意图。
SwipeTo 动作流程:
- 调用
positionResolver.resolve(fromKey)和positionResolver.resolve(toKey)获取起止按键坐标。 - 对起始和目标坐标之间进行路径插值,生成一系列中间点。插值算法使用贝塞尔曲线,控制点偏移量由
action.curveBias决定。 - 调用
feedbackState.setTouchTrailPoints(interpolatedPoints)写入触摸轨迹点序列。 - 沿插值路径移动手指指示器,动画时长由
action.durationMs控制。 - 动画完成后调用
viewModel.handleIntent(ImeIntent.PressKey(toKey, KeyGesture.Swipe))发射目标按键意图。
KeyUp 动作流程:
- 调用
feedbackState.setFingerIndicator(pressed = false)设置手指指示器为抬起状态。 - 调用
feedbackState.clearPressedKeys()清空按下的按键集合。
SelectCandidate 动作流程:
- 调用
positionResolver.resolveCandidatePosition(index)获取候选词归一化坐标。 - 更新
row1IndicatorState,驱动CandidateListPanel内建指示器。 - 调用
viewModel.handleIntent(ImeIntent.SelectCandidate(...))发射选择候选词意图。
SwitchKeyboard 动作流程:
- 调用
viewModel.handleIntent(ImeIntent.SwitchKeyboard(...))发射切换键盘意图。
4. ComposeInputActionPositionResolver
ComposeInputActionPositionResolver 是 InputActionPositionResolver 接口的 Compose 实现,通过读取布局状态缓存将按键标识和候选词索引映射为归一化坐标。
kotlin
class ComposeInputActionPositionResolver(
private val keyboardLayoutStateProvider: () -> KeyLayoutState?,
private val candidateLayoutStateProvider: () -> CandidateListLayoutState?,
private val inputListLayoutStateProvider: () -> InputListLayoutState?,
) : InputActionPositionResolver {
override fun resolve(key: InputKey): OffsetF?
override fun resolveCandidatePosition(candidateIndex: Int): OffsetF?
override fun resolveInputItemPosition(index: Int): OffsetF?
}按键位置解析
resolve(key) 方法从 keyboardLayoutStateProvider 获取当前 KeyLayoutState,在 keyPositions 映射中查找 key 对应的归一化矩形中心点。若 key 不存在,返回 null,由 InputActionPlayer 跳过该动作。
候选词位置解析
resolveCandidatePosition(candidateIndex) 方法从 candidateLayoutStateProvider 获取 CandidateListLayoutState,调用 locateItem(index) 获取候选词中心像素坐标,然后通过 CoordinateNormalizer.normalize() 转换为归一化坐标。由于候选列表使用 LazyRow 渲染,可能存在未组合的离屏项,CandidateListLayoutState 确保当前可见范围内的项可被解析。
输入项位置解析
resolveInputItemPosition(index) 方法从 inputListLayoutStateProvider 获取 InputListLayoutState,逻辑与候选词解析一致,返回指定索引处输入项的归一化中心坐标。
5. InputActionScriptLoader 脚本加载器
InputActionScriptLoader 负责从预设和文件两种来源加载 InputActionScript,提供给 InputActionPlayer 使用。
kotlin
class InputActionScriptLoader(
private val context: Context,
private val json: Json,
) {
fun loadPreset(presetId: String): InputActionScript
fun listPresets(): List<String>
fun loadFile(uri: Uri): InputActionScript
}预设加载
loadPreset(presetId) 方法从应用资源中加载预定义的脚本。预设脚本以 JSON 格式存储在 assets/scripts/ 目录下,文件名与 presetId 对应。JSON 结构如下:
json
{
"id": "preset_greeting",
"name": "问候语",
"description": "快速输入常用问候语",
"useMode": "DirectInput",
"actions": [
{ "type": "KeyDown", "key": "key_n" },
{ "type": "KeyUp" },
{ "type": "KeyDown", "key": "key_i" },
{ "type": "KeyUp" },
{ "type": "KeyDown", "key": "key_hao" },
{ "type": "KeyUp" },
{ "type": "SelectCandidate", "candidateIndex": 0 }
]
}listPresets() 方法扫描 assets/scripts/ 目录,返回所有可用的预设 ID 列表。
文件加载
loadFile(uri) 方法从用户指定的文件 URI 加载脚本。支持 content:// 和 file:// 两种 URI 方案。文件加载是挂起函数,在 IO 调度器上执行。加载流程包括:读取文件内容、解析 JSON、校验脚本格式(必须包含 id、actions 字段,每个 action 必须包含合法的 type)、构建 InputActionScript 实例。校验失败时抛出异常并附带详细的错误描述信息。
6. 指示器内建机制
InputActionPlayer 的指示器内建机制定义了两行指示器的状态,分别对应 CandidateListPanel(Row 1)和 InputListPanel(Row 2)的行级位置标识。第 3 行(按键区域)的指示器直接由 GestureFeedbackPanel 的 fingerIndicator 字段处理。
指示器状态
kotlin
/**
* 行指示器状态,由 InputActionPlayer 管理。
*/
data class PlayerRowIndicator(
val row: Int,
val position: OffsetF,
val active: Boolean,
)Row 1 指示器
第一行指示器状态通过 row1IndicatorState: StateFlow<InputActionFingerIndicator?> 暴露。当 InputActionPlayer 执行 SelectCandidate 动作时,更新 row1IndicatorState。CandidateListPanel 通过 indicatorState 参数订阅此状态,当激活时在候选词列表上方绘制一条水平高亮线,宽度与候选词项对齐,颜色为 KeyboardColors.playerIndicatorColor,带有淡入动画。
Row 2 指示器
第二行指示器状态通过 row2IndicatorState: StateFlow<InputActionFingerIndicator?> 暴露。当 InputActionPlayer 执行 KeyDown 动作且目标为字符键时,更新 row2IndicatorState。InputListPanel 通过 indicatorState 参数订阅此状态,当激活时在输入栏中绘制一个竖向高亮条,标识当前正在输入的字符位置。
指示器与 UseMode 的关系
指示器的显示由 UseMode 决定:Animation 模式下 showIndicator 为 true,播放器更新行指示器状态,各面板内建指示器正常渲染;DirectInput 模式下 showIndicator 为 false,播放器不更新行指示器状态,各面板指示器覆盖层始终处于隐藏状态。这一机制确保了教学演示场景下的视觉引导和辅助输入场景下的界面简洁性。
7. 归一化坐标流
归一化坐标流描述了从动作解析到视觉渲染的完整数据管线,遵循 Resolve → Interpolate → Write → Draw 四阶段流水线。
Resolve 阶段
InputActionPlayer 在执行每个动作时,首先调用 positionResolver.resolve() 或其变体方法,将逻辑标识(InputKey、candidateIndex)解析为归一化坐标点。解析器读取布局状态提供者中缓存的测量结果,计算目标元素的中心点并归一化至 [0f, 1f] 范围。归一化坐标与屏幕分辨率无关,确保在不同设备上的一致性。
Interpolate 阶段
对于需要路径动画的动作(如 SwipeTo),InputActionPlayer 在起始点和目标点之间进行路径插值。插值坐标点由 FrameTimer 驱动的每帧回调实时计算——每帧根据当前进度调用 InputActionPathInterpolator.interpolate() 生成单点坐标,帧间隔由 withFrameNanos 与 Choreographer 同步(通常 16.6ms @60fps)。插值使用二次贝塞尔曲线,控制点沿法线方向偏移。对于 KeyDown 和 KeyUp 等点动作,不进行插值,直接使用解析后的单点坐标。
Write 阶段
InputActionPlayer 将解析和插值的结果写入 GestureFeedbackState。写入操作包括:setFingerIndicator() 设置手指指示器位置和状态、setPressedKeys() 设置当前按下的按键集合、setTouchTrailPoints() 写入触摸轨迹点序列。所有写入操作通过 StateFlow 实现,确保在播放器协程和 Compose 渲染线程之间的状态同步。行指示器状态通过 row1IndicatorState 和 row2IndicatorState 独立管理。
Draw 阶段
GestureFeedbackPanel 作为数据管线的终端,读取 GestureFeedbackState 中的归一化坐标,通过反归一化转换为像素坐标后在 Canvas 上绘制。绘制内容包括:手指指示器圆形、按键高亮矩形、触摸轨迹贝塞尔曲线。同时,CandidateListPanel 和 InputListPanel 分别读取各自的行指示器状态,绘制行级指示器。动画帧循环由 FrameTimer 的 withFrameNanos 驱动,而非依赖 Compose 重组——每帧回调中写入 StateFlow 的值,GestureFeedbackPanel 通过 collectAsState() 订阅变化,重组仅发生在值实际变化时。这种设计避免了无意义的连续重组,将绘制与帧信号精确对齐。