196 lines
6.1 KiB
Markdown
196 lines
6.1 KiB
Markdown
# Device List Compose UI Change Log
|
||
|
||
Branch: `feature/device-control-compose-ui`
|
||
|
||
## Summary
|
||
|
||
This branch adds only the Kotlin Jetpack Compose device list page owned by this feature area.
|
||
|
||
The implementation provides a reusable Compose screen that displays the ABox terminal device categories:
|
||
|
||
- Smart socket
|
||
- Temperature/humidity sensor
|
||
- Infrared controller
|
||
|
||
This branch intentionally does not modify the app entry point or app shell routing. The app shell, login flow, and detail-feature routing are owned by other feature branches.
|
||
|
||
## Added Files
|
||
|
||
### `android/app/src/main/kotlin/com/flagship/abox/manager/ui/devicecontrollist/DeviceListScreen.kt`
|
||
|
||
Adds the device list page.
|
||
|
||
The page displays entries for:
|
||
|
||
- Smart socket
|
||
- Temperature/humidity sensor
|
||
- Infrared controller
|
||
|
||
Current scope:
|
||
|
||
- Display the device categories as list entry UI.
|
||
- Keep the UI in Kotlin Compose.
|
||
- Expose click callbacks for each device category.
|
||
- Avoid adding app-shell routing, detail routes, or detail control pages in this branch.
|
||
|
||
Integration API:
|
||
|
||
```kotlin
|
||
DeviceListScreen(
|
||
onSocketClick = { /* route to socket module later */ },
|
||
onTemperatureHumidityClick = { /* route to temperature/humidity module later */ },
|
||
onInfraredClick = { /* route to infrared controller module later */ },
|
||
)
|
||
```
|
||
|
||
Future integration point:
|
||
|
||
- The app shell or feature owner responsible for routing can host this screen and connect these callbacks to their own routes/modules later.
|
||
|
||
## Architecture Notes
|
||
|
||
This branch follows the current repository direction:
|
||
|
||
- Kotlin instead of Java
|
||
- Jetpack Compose instead of XML layouts
|
||
- Single-Activity UI instead of multiple Activities
|
||
- Navigation Compose compatibility through external callbacks
|
||
- Existing design-system wrappers where practical
|
||
|
||
This branch intentionally does not copy the previous Java/XML experiment module into the team repository.
|
||
|
||
## Scope Intentionally Not Included
|
||
|
||
This branch does not include:
|
||
|
||
- App entry point changes
|
||
- App shell or login routing changes
|
||
- A device-control navigation graph file
|
||
- Socket control screen implementation
|
||
- Temperature/humidity status screen implementation
|
||
- Infrared controller screen implementation
|
||
- Shared detail-control component scaffolding
|
||
- Direct ABSDK calls from Compose UI
|
||
- New Java Activity classes
|
||
- XML layout files
|
||
- A separate Android module copied from the experiment project
|
||
- Full session/login integration for device gateway calls
|
||
- Persistent infrared key storage
|
||
|
||
These should be added by the corresponding feature owners in later branches or follow-up commits after team architecture review.
|
||
|
||
## Verification
|
||
|
||
- Built and ran `android.app` from Android Studio successfully during local validation.
|
||
- `:android:app:assembleDebug` completed successfully after trimming the feature scope.
|
||
|
||
## Files Intended for Commit
|
||
|
||
The intended commit scope is limited to:
|
||
|
||
```text
|
||
android/app/src/main/kotlin/com/flagship/abox/manager/ui/devicecontrollist/DeviceListScreen.kt
|
||
docs/device-control-compose-ui-change-log.md
|
||
```
|
||
|
||
`settings.gradle.kts` is intentionally excluded from this feature commit. Local Gradle/JDK/toolchain setup should be handled on the developer machine and should not modify the team-provided project configuration in this branch.
|
||
|
||
---
|
||
|
||
# 设备列表 Compose UI 修改说明（中文）
|
||
|
||
分支：`feature/device-control-compose-ui`
|
||
|
||
## 概要
|
||
|
||
本分支只新增当前分工负责的 Kotlin Jetpack Compose 设备列表页面。
|
||
|
||
设备列表展示的设备类别包括：
|
||
|
||
- 智能插座
|
||
- 温湿度传感器
|
||
- 红外控制器
|
||
|
||
本分支故意不修改 App 入口或应用壳路由。程序入口、登录流程和各设备详情模块路由由其他功能分支负责。
|
||
|
||
## 新增文件
|
||
|
||
### `android/app/src/main/kotlin/com/flagship/abox/manager/ui/devicecontrollist/DeviceListScreen.kt`
|
||
|
||
新增设备列表页面。
|
||
|
||
页面展示三个设备入口：
|
||
|
||
- 智能插座
|
||
- 温湿度传感器
|
||
- 红外控制器
|
||
|
||
当前实现范围：
|
||
|
||
- 展示设备类别入口 UI。
|
||
- 保持 Kotlin Compose 实现。
|
||
- 为每个设备类别暴露点击回调。
|
||
- 不在本分支实现 App 入口接入、设备详情 route 或设备控制页面。
|
||
|
||
对接 API：
|
||
|
||
```kotlin
|
||
DeviceListScreen(
|
||
onSocketClick = { /* 后续跳转到智能插座模块 */ },
|
||
onTemperatureHumidityClick = { /* 后续跳转到温湿度模块 */ },
|
||
onInfraredClick = { /* 后续跳转到红外控制器模块 */ },
|
||
)
|
||
```
|
||
|
||
后续接入点：
|
||
|
||
- 由负责 App shell 或对应设备模块的同学，在各自分支中挂载这个页面，并把这些回调连接到他们自己的详情路由或功能模块。
|
||
|
||
## 架构说明
|
||
|
||
本分支遵循当前小组仓库的技术方向：
|
||
|
||
- 使用 Kotlin，而不是 Java。
|
||
- 使用 Jetpack Compose，而不是 XML layout。
|
||
- 使用单 Activity 架构，而不是多个 Activity 跳转。
|
||
- 通过外部回调保持与 Navigation Compose 的兼容性。
|
||
- 尽量复用已有 design system 中的组件封装。
|
||
|
||
本分支没有把之前个人实验项目中的 Java/XML 模块直接复制进团队仓库。
|
||
|
||
## 本分支未包含的内容
|
||
|
||
本分支暂不包含：
|
||
|
||
- App 入口修改。
|
||
- App shell 或登录路由修改。
|
||
- 设备控制 navigation graph 文件。
|
||
- 智能插座控制页面。
|
||
- 温湿度状态页面。
|
||
- 红外控制器操作页面。
|
||
- 设备详情控制页面共用组件。
|
||
- Compose UI 中直接调用 ABSDK。
|
||
- 新增 Java Activity。
|
||
- 新增 XML layout。
|
||
- 从个人实验项目复制独立 Android 模块。
|
||
- 完整登录/session 与设备 gateway 的联动。
|
||
- 红外学习按键的持久化存储。
|
||
|
||
这些内容建议由对应模块负责人在后续 branch 或后续 commit 中继续实现。
|
||
|
||
## 验证
|
||
|
||
- 本地验证过程中已从 Android Studio 成功 build/run `android.app`。
|
||
- 修剪职责范围后，`:android:app:assembleDebug` 构建成功。
|
||
|
||
## 预期提交范围
|
||
|
||
本次提交范围应限制在：
|
||
|
||
```text
|
||
android/app/src/main/kotlin/com/flagship/abox/manager/ui/devicecontrollist/DeviceListScreen.kt
|
||
docs/device-control-compose-ui-change-log.md
|
||
```
|
||
|
||
`settings.gradle.kts` 当前不属于本次设备列表 UI 功能提交范围。本地 Gradle/JDK/toolchain 配置应在开发者本机处理，不应修改团队提供的项目配置文件。
|