# ai_Assistant

**Repository Path**: fluttercodes/ai_Assistant

## Basic Information

- **Project Name**: ai_Assistant
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-01
- **Last Updated**: 2025-05-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AI Assistant

## 项目概述

AI Assistant是一个大模型聊天应用模板，这个模板提供了AI聊天应用所需的基本功能和界面，可以帮助开发者快速搭建智能对话应用的框架。

## 主要界面预览

<table>
<tr>
<td><img src="https://images-1325408612.cos.ap-shanghai.myqcloud.com/ai_Assistant/home.png" alt="首页界面" width="300"/></td>
<td><img src="https://images-1325408612.cos.ap-shanghai.myqcloud.com/ai_Assistant/setting.png" alt="设置界面" width="300"/></td>
</tr>
<tr>
<td align="center">首页界面</td>
<td align="center">设置界面</td>
</tr>
<tr>
<td><img src="https://images-1325408612.cos.ap-shanghai.myqcloud.com/ai_Assistant/chat.png" alt="聊天界面" width="300"/></td>
<td></td>
</tr>
<tr>
<td align="center">聊天界面</td>
<td></td>
</tr>
</table>

## 主要功能

### 1. 用户界面

模板使用了统一的设计风格，主色调为蓝色(`0xFF2196F3`)，使用Lexend字体系列确保文本清晰可读。界面元素包括：

- 输入框：带有图标的圆角输入框
- 按钮：主按钮和社交登录按钮
- 消息气泡：用于展示AI和用户对话的消息气泡
- 列表：对话历史和常用提示词列表

### 2. 用户流程

模板实现了完整的用户使用流程：

- **首页**：展示常用对话模式、大模型设置、聊天等入口
- **聊天界面**：与AI助手进行对话，支持动态选择对话大模型
- **设置页面**：调整AI参数、主题和语言设置

### 3. 代码结构

代码采用模块化结构，便于理解和修改：

- **screens目录**：按功能分类的页面文件
    - welcome_screen：主页面
    - chat_screen：聊天页面
    - settings_screen：设置页面

- **models目录**：数据结构
    - chat.dart：对话数据结构
    - message.dart：消息数据结构

- **theme目录**：主题设置文件
    - app_theme.dart：全局主题配置

## 如何使用

### 环境准备

- 安装Flutter SDK (3.2.6或更高版本)
- 安装Dart SDK (与Flutter版本兼容)
- 安装开发工具：VS Code、Android Studio或IntelliJ IDEA

### 安装步骤

1. 克隆项目代码
```
git clone git@gitee.com:fluttercodes/ai_Assistant.git
```

2. 安装依赖
```
cd ai_Assistant
flutter pub get
```

3. 运行应用
```
flutter run
```

### 自定义修改

#### 修改主题颜色

打开`lib/theme/app_theme.dart`文件，修改颜色值：

```dart
static ThemeData theme = ThemeData(
  primaryColor: const Color(0xFFFF8C00), // 修改为你需要的颜色
  ...
);
```