KeyboardKit 中自定义 Emoji 键盘按钮的实现解析
2025-07-10 08:02:20作者:庞队千Virginia
背景介绍
KeyboardKit 是一个强大的 iOS 键盘开发框架,它提供了丰富的键盘功能定制能力。在实际开发中,很多开发者会遇到需要自定义 Emoji 键盘按钮的需求。本文将深入探讨如何在 KeyboardKit 中实现这一功能。
核心问题分析
在 KeyboardKit 中,默认情况下 Emoji 键盘按钮可能不会自动显示,这主要是因为框架内部做了以下判断:
- 框架会检查标准 Emoji 键盘是否可用
- 如果是开源版本,Emoji 键盘视图可能是一个空占位符
- 开发者需要明确指定是否要显示 Emoji 按钮
解决方案演进
初始实现方式
开发者最初尝试通过扩展 KeyboardLayout 来插入 Emoji 按钮:
mutating func tryInsertEmojiButton() {
let emojiButton = KeyboardLayout.Item(
action: .keyboardType(.emojis),
size: .init(width: KeyboardLayout.ItemWidth.input, height: 40)
)
itemRows.insert(emojiButton, before: .space, inRow: 3)
}
这种方式理论上可行,但实际会遇到 isEmojiKeyboardAvailable 属性不可访问的问题,因为该属性被标记为 internal 保护级别。
框架改进方案
KeyboardKit 团队在 9.1 版本中对此进行了优化:
KeyboardView现在会自动检查标准 Emoji 键盘是否被使用- 如果检测到是空占位符或使用了自定义 Emoji 视图,默认会显示 Emoji 键
- 增加了显式设置选项,方便开发者控制 Emoji 键的显示/隐藏
最佳实践建议
自定义 Emoji 键盘实现
开发者可以按照以下方式实现自定义 Emoji 键盘:
KeyboardView(
state: keyboardController.state,
services: keyboardController.services,
emojiKeyboard: { params in
AIEmojiCategoryKeyboard(
selection: .smileysAndPeople,
actionHandler: keyboardController.services.actionHandler,
keyboardContext: keyboardController.state.keyboardContext,
calloutContext: nil,
style: params.style,
styleProvider: keyboardController.services.styleService
)
}
)
布局服务定制
通过自定义 KeyboardLayoutService 可以更灵活地控制键盘布局:
class AIKeyboardLayoutService: KeyboardLayout.StandardLayoutService {
override func keyboardLayout(for context: KeyboardContext) -> KeyboardLayout {
var layout = super.keyboardLayout(for: context)
guard !context.isKeyboardFloating else { return layout }
if context.keyboardType != .emojis {
layout.tryInsertEmojiButton()
}
return layout
}
}
技术要点总结
- 版本兼容性:此功能在 KeyboardKit 9.1 及更高版本中得到了优化
- 显示控制:框架现在提供了更直观的方式来控制 Emoji 按钮的显示
- 自定义能力:开发者可以完全自定义 Emoji 键盘的外观和行为
- 布局灵活性:通过自定义布局服务可以实现各种复杂的键盘布局需求
扩展思考
除了 Emoji 按钮外,KeyboardKit 还支持多种键盘类型的定制,包括单手键盘模式等。开发者可以基于类似的原理实现各种特殊键盘需求。
通过理解 KeyboardKit 的布局机制和自定义点,开发者可以构建出功能丰富、用户体验优秀的第三方键盘应用。
登录后查看全文
热门项目推荐
相关项目推荐
atomcodeClaude Code 的开源替代方案。连接任意大模型,编辑代码,运行命令,自动验证 — 全自动执行。用 Rust 构建,极致性能。 | An open-source alternative to Claude Code. Connect any LLM, edit code, run commands, and verify changes — autonomously. Built in Rust for speed. Get StartedRust0454
源启盛夏_AtomGit暑期开发者成长计划「源启盛夏」暑期校园开发者成长计划旨在激活校园开源力量,通过积分激励、认证扶持、资源倾斜等形式,引导高校组织和开发者完成「入驻 — 建项目 — 做贡献 — 获认证 — 得资源」的完整闭环。无论你是想带领社团入驻平台的组织者,还是希望用代码贡献证明自己的开发者,都能在这里找到属于你的成长路径。Markdown01
jiuwenswarmJiuwenSwarm 是一款基于openJiuwen开发的智能AI Agent,它能够将大语言模型的强大能力,通过你日常使用的各类通讯应用,直接延伸至你的指尖。Python0782
new-apiAI模型聚合管理中转分发系统,一个应用管理您的所有AI模型,支持将多种大模型转为统一格式调用,支持OpenAI、Claude、Gemini等格式,可供个人或者企业内部管理与分发渠道使用。🍥 A Unified AI Model Management & Distribution System. Aggregate all your LLMs into one app and access them via an OpenAI-compatible API, with native support for Claude (Messages) and Gemini formats.TSX029
AscendNPU-IRAscendNPU-IR是基于MLIR(Multi-Level Intermediate Representation)构建的,面向昇腾亲和算子编译时使用的中间表示,提供昇腾完备表达能力,通过编译优化提升昇腾AI处理器计算效率,支持通过生态框架使能昇腾AI处理器与深度调优C++0314
mllm轻量化的端侧多模态推理框架,支持多种硬件后端https://ubiquitouslearning.github.io/mllm/C++03
项目优选
收起
暂无描述
Markdown
831
5.51 K
openEuler内核是openEuler操作系统的核心,既是系统性能与稳定性的基石,也是连接处理器、设备与服务的桥梁。
C
496
521
本项目是CANN提供的transformer类大模型算子库,实现网络在NPU上加速计算。
C++
979
2.31 K
作为 Ascend for PyTorch 社区的核心组件,TorchNPU 是昇腾专为 PyTorch 打造的深度学习适配插件,使 PyTorch 框架能够直接调用昇腾 NPU,为开发者提供昇腾 AI 处理器的超强算力。
Python
807
1.16 K
本项目是CANN提供的神经网络类计算算子库,实现网络在NPU上加速计算。
C++
795
1.59 K
deepin linux kernel
C
32
16
AscendNPU-IR是基于MLIR(Multi-Level Intermediate Representation)构建的,面向昇腾亲和算子编译时使用的中间表示,提供昇腾完备表达能力,通过编译优化提升昇腾AI处理器计算效率,支持通过生态框架使能昇腾AI处理器与深度调优
C++
486
314
JiuwenSwarm 是一款基于openJiuwen开发的智能AI Agent,它能够将大语言模型的强大能力,通过你日常使用的各类通讯应用,直接延伸至你的指尖。
Python
3.03 K
781
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
1.21 K
1.26 K
CANN 学习中心仓,支持在线互动运行、边学边练,提供教程、示例与优化方案,一站式助力昇腾开发者快速上手。
Jupyter Notebook
664
300