# weizhangshunshoupai-dev **Repository Path**: xiaomuma886/weizhangshunshoupai-dev ## Basic Information - **Project Name**: weizhangshunshoupai-dev - **Description**: 一个基于 HarmonyOS 的实用应用，面向“交通违章顺手拍”的场景。应用重点演示相机页面的完整交互，包括相册选择、拍照/录像、前后摄切换、闪光灯、预览水印与定时倒计时，同时结合基本信息采集与记录保存，便于学习与扩展。 - **Primary Language**: JavaScript - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 0 - **Created**: 2025-12-17 - **Last Updated**: 2026-03-16 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 违章顺手拍 - HarmonyOS应用 一个基于 HarmonyOS 的实用应用，面向“交通违章顺手拍”的场景。应用重点演示相机页面的完整交互，包括相册选择、拍照/录像、前后摄切换、闪光灯、预览水印与定时倒计时，同时结合基本信息采集与记录保存，便于学习与扩展。 ## 项目简介 - 目标：快速采集并记录疑似违章的现场信息，用于学习与演示。 - 特点：简洁的交互、模块化的页面结构、易扩展的数据存储与设置管理。 - 适用：HarmonyOS 学习者、相机与多媒体相关功能的初学者。 ### 效果预览 | 首页 | 法规学习 | 违章顺手拍 | |-----------------------------|-----------------------------|-----------------------------| | ![image](1760431790441-dfb4f53a-2baa-428e-a32f-7e039f6493af.png) | ![image](1760431792718-c492381e-cbbd-4b80-8428-7a81fca8d359.png) | ![image](1760431794768-eb5caf8a-1d47-4d31-bf1e-900e6ad07f12.png) | | 拍违章 | 学习 | 我的 | |-----------------------------|-----------------------------|-----------------------------| | ![image](Screenshot_2025-12-18T104017.png) | ![image](Screenshot_2025-12-18T104155.png) | ![image](Screenshot_2025-12-18T104233.png) | ## 主要功能 - 相机页面（CameraPage）： - 拍照与录像：支持拍照、开始/停止录像，显示录制时长。 - 前后摄切换：在可用摄像头之间快速切换。 - 闪光灯切换：尝试通过会话/输出设置闪光模式，并提示反馈。 - 预览水印：显示时间、地址、违章类型、车牌等信息预览。 - 定时倒计时：支持 0/3/5 秒定时拍摄，屏幕居中显示倒计时。 - 模式切换：拍照 / 摄像模式一键切换。 - 信息面板：时间与定位状态、地址输入、违章类型选择、车牌识别模拟。 - 个人中心、学习等页面：演示常见信息展示与交互（详见各页面源码）。 - 基础数据存储：使用 `DatabaseHelper` 保存违章记录（类型、车牌、位置、时间、图片路径）。 ## 项目结构 ``` weizhangshunshoupai-dev/ ├── AppScope/ │ └── app.json5 # 应用配置 ├── entry/ │ ├── build-profile.json5 │ ├── hvigorfile.ts # 构建脚本 │ └── src/ │ ├── main/ets/pages/ # 主要页面（含 CameraPage.ets） │ ├── main/ets/components/ # UI 组件（如 BottomTabBar） │ └── main/ets/utils/ # 工具与数据（DatabaseHelper 等） └── README.md ``` 关键文件： - `entry/src/main/ets/pages/CameraPage.ets`：相机交互与 UI 主页面。 - `entry/src/main/ets/components/BottomTabBar.ets`：底部导航组件。 - `entry/src/main/ets/utils/DatabaseHelper.ets`：违章记录持久化。 - `AppScope/app.json5`：应用权限与配置。 ## 环境要求 - DevEco Studio（建议 4.x 及以上）与 HarmonyOS SDK。 - 已配置可运行的模拟器或真机设备。 - Windows/macOS/Linux 均可（本文档以 Windows 为例）。 ## 权限声明（示例） - 相机权限：拍照与录像。 - 媒体读写权限：保存与选择图片/视频。 - 位置权限：显示定位状态与地址信息。 需在 `app.json5` 中声明相关权限，并在运行时获取授权。 ## 构建与运行 方式一：DevEco Studio - 打开 DevEco Studio，选择“Open Project”，导入 `HarmonyOS_App`。 - 同步依赖并选择目标设备/模拟器。 - 点击 Run，安装并运行到设备。 方式二：命令行（根据工程实际配置） - 在工程目录执行构建脚本（如 hvigor），并安装到已连接设备。 ## 使用说明 - 启动应用后，通过底部导航进入“拍摄”。 - 相机页主要操作： - 左侧相册按钮：打开系统相册选择图片。 - 中间主按钮：点击拍照/开始录像；在录像模式再次点击停止。 - 右侧切换按钮：切换前后摄像头。 - 底部功能区：闪光灯切换、预览水印开关、定时拍摄（0/3/5 秒循环）。 - 信息面板可输入地址、选择违章类型、模拟识别车牌号。 - 拍照成功后会将记录写入本地数据库（示例路径与逻辑见源码）。 ## 常见问题 - 相机预览黑屏：确保预览组件加载完成后再初始化相机（已在 `CameraPage` 中通过 `XComponent.onLoad` 处理）。 - 权限未授权：首次运行请允许相机/媒体/位置权限，否则相关功能不可用。 - 位置状态为“定位中”或“定位失败”：示例中使用模拟与简化逻辑，实际项目需接入完整定位服务。 ## 参考与扩展 - HarmonyOS 相机与多媒体相关 API 文档。 - 可参考社区“CustomCamera”示例的实现思路以扩展高级功能（如专业拍摄参数、文件保存策略等）。 ## 免责声明 本项目为学习与演示用途，示例中的“违章顺手拍”不代表实际执法或取证能力。若需在真实场景使用，请严格遵循当地法律法规与隐私政策。 ## 项目简介 违章顺手拍是一款基于HarmonyOS开发的交通违章举报应用，旨在通过公众参与的方式提升城市交通安全管理水平。 ## 主要功能 ### 📸 核心功能 - **违章拍照举报** - 支持实时拍照举报各类交通违章行为 - **智能识别** - 自动识别车牌号码和违章类型 - **位置定位** - 精确记录违章发生地点 - **举报记录** - 完整的举报历史和处理状态跟踪 ### 📚 学习功能 - **交通法规学习** - 系统化的交通法规知识学习 - **文明驾驶教育** - 安全驾驶理念和技巧培训 - **每日答题** - 趣味性的交通安全知识问答 - **学习进度跟踪** - 个人学习数据统计和分析 ### 👤 个人中心 - **用户信息管理** - 个人资料和等级系统 - **积分系统** - 举报和学习积分奖励机制 - **成就中心** - 各类成就徽章和荣誉展示 - **数据统计** - 个人举报和学习数据可视化 ### ⚙️ 系统设置 - **应用设置** - 个性化应用配置 - **通知管理** - 消息推送设置 - **隐私设置** - 数据安全和隐私保护 ## 技术架构 ### 开发框架 - **HarmonyOS SDK** - 基于鸿蒙操作系统原生开发 - **ArkTS** - 使用ArkTS语言进行UI开发 - **ArkUI** - 声明式UI框架 ### 核心技术 - **相机API** - 调用系统相机进行拍照 - **定位服务** - 获取精确的地理位置信息 - **数据存储** - 本地数据库存储用户数据 - **网络通信** - HTTP请求处理数据同步 ## 项目结构 ``` weizhangshunshoupai-dev/ ├── AppScope/ # 应用级配置 │ ├── app.json5 # 应用配置文件 │ └── resources/ # 应用级资源 ├── entry/ # 主模块 │ ├── src/main/ │ │ ├── ets/ │ │ │ ├── entryability/ # 应用入口 │ │ │ ├── pages/ # 页面文件 │ │ │ │ ├── Index.ets # 主页面 │ │ │ │ ├── CameraPage.ets # 拍照页面 │ │ │ │ ├── StudyPage.ets # 学习页面 │ │ │ │ ├── ViolationRecordsPage.ets # 举报记录 │ │ │ │ ├── PersonalCenterPage.ets # 个人中心 │ │ │ │ ├── SettingsPage.ets # 设置页面 │ │ │ │ ├── DataStatisticsPage.ets # 数据统计 │ │ │ │ └── CivilizedDrivingPage.ets # 文明驾驶 │ │ │ └── utils/ # 工具类 │ │ ├── resources/ # 资源文件 │ │ └── module.json5 # 模块配置 │ └── build-profile.json5 # 构建配置 ├── build-profile.json5 # 项目构建配置 ├── hvigorfile.ts # 构建脚本 └── package.json # 依赖管理 ``` ## 开发环境 ### 系统要求 - **操作系统**: Windows 10/11, macOS 10.15+, Ubuntu 18.04+ - **开发工具**: DevEco Studio 4.0+ - **SDK版本**: HarmonyOS SDK API 9+ ### 环境配置 1. 下载并安装 DevEco Studio 2. 配置 HarmonyOS SDK 3. 创建开发者证书 4. 配置模拟器或真机调试环境 ## 快速开始 ### 1. 克隆项目 ```bash git clone [项目地址] cd HarmonyOS_App ``` ### 2. 安装依赖 ```bash npm install ``` ### 3. 构建项目 ```bash npm run build ``` ### 4. 运行应用 - 在 DevEco Studio 中打开项目 - 选择目标设备（模拟器或真机） - 点击运行按钮启动应用 ## 功能特色 ### 🎯 智能化举报 - 自动识别车牌号码 - 智能分类违章类型 - 一键快速举报流程 ### 📊 数据可视化 - 举报数据统计图表 - 学习进度可视化 - 个人成长轨迹展示 ### 🏆 激励机制 - 积分奖励系统 - 等级晋升机制 - 成就徽章收集 ### 🔒 隐私保护 - 数据加密存储 - 隐私信息脱敏 - 用户授权管理 --- **让我们一起为更安全的交通环境而努力！** 🚗✨ ## 权限说明 应用需要以下权限以提供完整功能： - **摄像头拍照** (`ohos.permission.CAMERA`)：用于违章拍照 - **麦克风权限** (`ohos.permission.MICROPHONE`)：用于相关功能 - **访问文件位置** (`ohos.permission.MEDIA_LOCATION`)：用于相关功能