基于 iOS 26 Liquid Glass 风格的现代化 AI 聊天应用
- 采用 iOS 26 风格的毛玻璃效果界面
- 实时背景模糊、色散和高光效果
- 流畅的 60fps 渲染性能
- 流式输出 - 实时显示 AI 回复
- 多轮对话 - 完整的上下文记忆
- 思考过程 - 可视化 AI 推理步骤
- 兼容 OpenAI API
- 支持 DeepSeek、Claude、Gemini 等
- 快速切换模型,无需重启
- 代码高亮(多语言)
- 一键复制代码块
- 表格、列表、引用支持
- 纯 Kotlin + Jetpack Compose
- Material Design 3
- 适配深色模式
| 功能 | 描述 |
|---|---|
| 🏠 首页 | 统计信息、快捷提示词、最近对话 |
| 💬 对话 | 消息气泡、思考过程、操作按钮 |
| ⚙️ 设置 | API 配置、模型选择、个人资料 |
| 🔄 模型切换 | 聊天界面快速切换模型 |
- Android Studio Ladybug 或更高版本
- JDK 21
- Android SDK 36(API Level 36)
# 1. 克隆仓库
git clone https://github.com/HenryZ-0302/Fluxhub.git
cd Fluxhub
# 2. 构建 Debug APK
./gradlew assembleDebug
# 3. 安装到设备
./gradlew installDebug- 打开应用,进入「设置」页面
- 填写 Base URL(如
https://api.openai.com/v1) - 填写 API Key
- 选择或输入模型名称(如
gpt-4o) - 保存设置,开始对话!
| 技术 | 用途 |
|---|---|
| Kotlin | 开发语言 |
| Jetpack Compose | 声明式 UI |
| Material 3 | 设计系统 |
| Room | 本地数据库 |
| DataStore | 设置存储 |
| OkHttp SSE | 流式请求 |
| Backdrop | Liquid Glass 效果 |
app/src/main/java/com/liquidglass/fluxhub/
├── chat/ # 聊天相关页面
│ ├── ChatScreen.kt
│ ├── HomeScreen.kt
│ ├── SettingsScreen.kt
│ └── ChatViewModel.kt
├── components/ # Liquid Glass UI 组件
├── data/ # 数据层(Room、DataStore)
├── ui/components/ # 通用 UI 组件
│ ├── message/ # 消息组件
│ └── richtext/ # Markdown 渲染
└── utils/ # 工具类
- 基础聊天功能
- Liquid Glass UI 效果
- 流式输出
- 思考过程展示
- 模型快速切换
- 首页统计和快捷功能
- 多 Provider 支持
- 历史对话搜索
- 数据备份恢复
- 消息分支
本项目基于 GPL-3.0 许可证 开源。
Liquid Glass 效果库来自 Kyant0/AndroidLiquidGlass,采用 Apache-2.0 许可证。
- Kyant0/AndroidLiquidGlass - Liquid Glass 效果库
- RikkaHub - 部分功能实现参考
- Lucide Icons - 图标库
