# ComposeMany

**Repository Path**: yyyyyyqq1314/ComposeMany

## Basic Information

- **Project Name**: ComposeMany
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: GPL-3.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-12-13
- **Last Updated**: 2023-12-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ComposeMany
使用jetpack compose构建的app

**项目仅供学习，不做商业用途。**

[TOC]

主页面实现的界面有两项：

<img src="https://github.com/Mr-lin930819/ComposeMany/blob/0f5ac3f8cbf3ab24882ec24b5bdf1aabc7c6f2fd/screenshots/main.png" width=240 alt="主界面" />

### 音乐

- 音乐功能借鉴了Flutter项目：[Flutter 版本的网易云音乐 ](https://github.com/fluttercandies/NeteaseCloudMusic)

#### 功能实现分析

**在掘金写了篇简单的文章概述了音乐功能的实现思路：**

**[用Compose实现轻量版网易云音乐 - 掘金 (juejin.cn)](https://juejin.cn/post/7011895995722121247)**

#### 关于服务端

音乐API使用： [Binaryify/NeteaseCloudMusicApi: 网易云音乐 Node.js API service (github.com)](https://github.com/Binaryify/NeteaseCloudMusicApi)，使用Vercel构建。

**可以按照链接仓库中方法搭建自己的Vercel服务器，获得域名。项目中域名统一在AppModule.kt文件中提供：**

```kotlin
//com.mrlin.composemany.di.AppModule.kt
@Singleton
@NetEaseMusicRetrofit
@Provides
fun provideNetEaseMusicRetrofit(
  cookieDataStore: DataStore<CookieStore>
): Retrofit = Retrofit.Builder()
		.baseUrl("https://你的专属Vercel站点域名.vercel.app/")
		... ...
		.build()
```

#### 部分界面效果图

#### 功能

- 用户登录（手机号+密码方式）
- 推荐歌单、个人歌单列表获取
- 歌单内歌曲的播放
- 歌曲评论、楼层回复评论显示

<img src="https://github.com/Mr-lin930819/ComposeMany/raw/main/screenshots/music_main.jpg" width=240 alt="music_main" />  <img src="https://github.com/Mr-lin930819/ComposeMany/raw/main/screenshots/play_list.jpeg" width=240 alt="play_list" />  <img src="https://github.com/Mr-lin930819/ComposeMany/raw/main/screenshots/song_play.png" width=240 alt="song_play" />  <img src="https://github.com/Mr-lin930819/ComposeMany/raw/main/screenshots/lyric.jpg" width=240 alt="lyric" />
 <img src="https://github.com/Mr-lin930819/ComposeMany/raw/main/screenshots/comments.png" width=240 alt="comments" />  <img src="https://github.com/Mr-lin930819/ComposeMany/raw/main/screenshots/floor_comment.jpg" width=240 alt="floor_comment" />

#### 待实现功能

- [x] 评论点赞
- [x] 歌曲喜欢
- [x] 歌曲评论、评论回复
  - [ ] 楼层内回复
- [x] 歌曲歌词显示
  - [ ] 精确当前句位置显示、滚动
- [ ] 本地音乐
- [ ] 歌曲缓存
- [ ] 通知栏
- [ ] 桌面小组件
- [ ] 歌曲详细操作（信息、收藏等）
- [ ] 首页轮播、“每日推荐”、“歌单“、”排行榜“、”电台“、”直播“等入口功能

#### 使用到的架构组件

| 架构组件                  | 用途                   |
| ------------------------- | ---------------------- |
| Hilt                      | 全应用的实例依赖管理   |
| ViewModel                 | 视图数据以及状态的管理 |
| Navigation                | 页面跳转管理           |
| Room                      | 数据库访问             |
| Paging 3                  | 分页数据载入           |
| datastore（protobuf实现） | 参数保存               |
| splashscreen              | 启动屏适配             |

#### 使用到的其他第三方库

| 名称            | 用途                                                         |
| --------------- | ------------------------------------------------------------ |
| Accompanist     | 提供Compose下的ViewPager、骨架屏、状态栏操作等               |
| Retrofit        | RESTful API接口通讯实现                                      |
| Coil            | kotlin图片加载框架                                           |
| toolbar-compose | 实现折叠工具栏，源地址：[onebone/compose-collapsing-toolbar](https://github.com/onebone/compose-collapsing-toolbar) |


### 基金

基金页面仿支付宝基金功能，仅作练习，**无任何实际功能**

<img src="https://github.com/Mr-lin930819/ComposeMany/blob/0f5ac3f8cbf3ab24882ec24b5bdf1aabc7c6f2fd/screenshots/fund_main.png" width=240 alt="fund_main" />