摩尔斯电码转换器 📡
一个基于 uni-app 开发的摩尔斯电码编解码应用,支持文本与摩尔斯电码的双向转换。
✨ 功能特性
核心功能
- 🔤 文本转摩尔斯电码:将英文文本编码为摩尔斯电码
- 🔡 摩尔斯电码转文本:将摩尔斯电码解码为可读文本
- 🔄 双向转换:一键切换编码/解码模式
- 📋 对照表:内置完整的摩尔斯电码对照表,可随时查阅
支持字符
- ✅ 26个英文字母(A-Z)
- ✅ 10个数字(0-9)
- ✅ 常用标点符号:
. , ? ' ! / ( ) & : ; = + - _ " $ @
界面特色
- 🎨 现代化渐变设计
- 📱 响应式布局,适配多种屏幕尺寸
- 💫 流畅的动画过渡效果
- 🌈 直观的视觉反馈
- 📝 可选中复制输出结果
📸 预览
编码模式
将文本转换为摩尔斯电码:
输入:HELLO WORLD
输出:.... . .-.. .-.. --- / .-- --- .-. .-.. -..
解码模式
将摩尔斯电码转换为文本:
输入:.... . .-.. .-.. --- / .-- --- .-. .-.. -..
输出:HELLO WORLD
🚀 快速开始
环境要求
- HBuilderX 3.0+(运行到 HarmonyOS 需要 5.0+ 版本)
- uni-app 框架
- 支持 uni-app 的运行环境:
- 微信小程序:微信开发者工具
- H5:现代浏览器(Chrome、Firefox、Safari 等)
- Android/iOS:Android Studio / Xcode
- HarmonyOS:HarmonyOS 5.0+ 设备或模拟器
安装步骤
- 克隆项目
git clone [your-repository-url]
cd Morse
-
使用 HBuilderX 打开项目
- 启动 HBuilderX
- 文件 → 打开目录 → 选择项目文件夹
-
运行项目
- 运行 → 运行到浏览器 → Chrome(H5)
- 或运行到微信开发者工具(小程序)
- 或运行到手机模拟器(App)
- 或运行到 HarmonyOS(鸿蒙应用)
运行到 HarmonyOS
前置要求
- 安装 HBuilderX 4.0+ 版本
- 配置 HarmonyOS 开发环境
- 安装 DevEco Studio(可选,用于更高级的调试)
运行步骤
- 在 HBuilderX 中打开项目
- 点击菜单栏:运行 → 运行到手机或模拟器 → 运行到 HarmonyOS
- 选择设备:
- 连接 HarmonyOS 真机(需开启开发者模式和 USB 调试)
- 或使用 HarmonyOS 模拟器
- 等待编译:首次运行会自动下载依赖并编译
- 查看效果:应用会自动安装并启动到设备上
注意事项
- 确保设备系统版本为 HarmonyOS5.0 或更高版本
- 真机调试需要在设置中开启"开发者选项"和"USB调试"
- 如遇到编译问题,请检查 HBuilderX 的 HarmonyOS 插件是否已安装
📖 使用说明
编码(文本 → 摩尔斯电码)
- 点击顶部的「文本 → 摩尔斯」按钮切换到编码模式
- 在输入框中输入要编码的文本(支持英文字母、数字和常用符号)
- 点击「编码」按钮
- 编码结果将显示在输出区域
注意事项:
- 字母之间用空格分隔
- 单词之间用
/
分隔 - 不支持的字符会被自动忽略
解码(摩尔斯电码 → 文本)
- 点击顶部的「摩尔斯 → 文本」按钮切换到解码模式
- 在输入框中输入摩尔斯电码
- 使用空格分隔不同的字母
- 使用
/
分隔不同的单词
- 点击「解码」按钮
- 解码结果将显示在输出区域
示例输入:
.... . .-.. .-.. --- / .-- --- .-. .-.. -..
查看对照表
点击底部的「▶ 摩尔斯电码对照表」可展开完整的字符对照表,方便学习和参考。
🛠️ 技术栈
- 框架:uni-app
- 语言:TypeScript/UTS
- UI:uni-app 组件库
- 样式:CSS3(渐变、阴影、动画)
📂 项目结构
Morse/
├── pages/
│ └── index/
│ └── index.uvue # 主页面(摩尔斯转换器)
├── static/
│ └── logo.png # 应用图标
├── App.uvue # 应用配置
├── main.uts # 入口文件
├── manifest.json # 应用配置清单
├── pages.json # 页面路由配置
├── uni.scss # 全局样式变量
├── LICENSE # MIT 许可证
└── README.md # 项目说明文档
🎯 核心代码说明
摩尔斯电码映射表
项目内置完整的摩尔斯电码映射表,包含:
- 26个字母
- 10个数字
- 24个常用符号
morseCode: {
'A': '.-', 'B': '-...', 'C': '-.-.', // ...
'0': '-----', '1': '.----', // ...
'.': '.-.-.-', ',': '--..--', // ...
}
编码算法
将文本转换为摩尔斯电码的核心逻辑:
- 将输入文本转为大写
- 按空格分割成单词
- 遍历每个单词的字符,查找对应的摩尔斯电码
- 字母间用空格连接,单词间用
/
连接
解码算法
将摩尔斯电码转换为文本的核心逻辑:
- 创建反向映射表(摩尔斯 → 字符)
- 按
/
分割成单词 - 每个单词按空格分割成字母
- 查找每个摩尔斯码对应的字符
- 无法识别的码用
?
表示
🌟 特色亮点
- 智能容错:解码时遇到无法识别的码会用
?
标记,不会中断整个转换过程 - 实时反馈:输入为空时会友好提示用户
- 一键清空:快速清除输入和输出内容
- 学习工具:内置对照表,既是工具也是学习资源
- 视觉设计:渐变背景、卡片阴影、动画效果,提供优秀的视觉体验
📱 平台支持
- ✅ HarmonyOS App(鸿蒙原生应用)
- 支持 HarmonyOS 5.0+
- 完整的原生性能体验
- 适配鸿蒙设计规范
- ✅ H5(网页版)
- ✅ 微信小程序
- ✅ Android App
- ✅ iOS App
- ✅ 快应用
- ✅ 其他 uni-app 支持的平台
🤝 贡献指南
欢迎提交 Issue 和 Pull Request!
- Fork 本项目
- 创建特性分支 (
git checkout -b feature/AmazingFeature
) - 提交更改 (
git commit -m 'Add some AmazingFeature'
) - 推送到分支 (
git push origin feature/AmazingFeature
) - 开启 Pull Request
📝 更新日志
v1.0.0 (2025-10-22)
- ✨ 初始版本发布
- 🎉 实现文本转摩尔斯电码功能
- 🎉 实现摩尔斯电码转文本功能
- 🎨 设计现代化 UI 界面
- 📋 添加摩尔斯电码对照表
- 🚀 支持 HarmonyOS 平台(鸿蒙原生应用)
- 📱 多平台适配(H5、小程序、App 等)
🔮 未来计划
- [ ] 添加音频播放功能(播放摩尔斯电码声音)
- [ ] 支持闪光灯模式(用手机闪光灯展示摩尔斯电码)
- [ ] 添加振动反馈(鸿蒙设备支持)
- [ ] 添加历史记录功能
- [ ] 支持更多语言(中文电码等)
- [ ] 添加学习模式(摩尔斯电码训练)
- [ ] 支持语音输入
- [ ] 鸿蒙卡片服务(快速转换)
- [ ] 适配鸿蒙折叠屏设备
❓ 常见问题
Q: 为什么有些字符无法转换?
A: 目前只支持英文字母、数字和常用标点符号。中文字符需要另外的电码系统(如中文电码)。
Q: 解码时出现问号是什么意思?
A: 表示该摩尔斯电码无法识别,可能是输入格式错误或不在支持的字符范围内。
Q: 如何正确输入摩尔斯电码?
A: 使用点 .
和横 -
组成字符,字符间用空格分隔,单词间用 /
分隔。
Q: 如何在 HarmonyOS 设备上安装?
A: 使用 HBuilderX 连接 HarmonyOS 设备,选择"运行到 HarmonyOS"即可自动编译并安装。确保设备已开启开发者模式和 USB 调试。
Q: 支持哪些 HarmonyOS 版本?
A: 支持 HarmonyOS 5.0 及以上版本,建议使用 HarmonyOS 5.0+ 以获得最佳体验。
📄 许可证
本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情
👨💻 作者
坚果
🙏 致谢
感谢 uni-app 团队提供的优秀跨平台框架!
0 个评论
要回复文章请先登录或注册