# WanAndroidCompose

**Repository Path**: zhuimengren/WanAndroidCompose

## Basic Information

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

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2023-11-30
- **Last Updated**: 2025-06-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


### 前言：

这段时间学习了[**Android Jetpack Compose**](https://developer.android.com/jetpack/compose?hl=zh-cn)
，Jetpack Compose 是 Android 的新式界面工具包，采用的是**声明方式**开发，和xml**命令方式**
开发思路有很大不一样。整体搞下来，感觉很酸爽。

### 简介：

WanAndroid 使用 **kotlin** 语言编写，结合 **NavigationCompose** + **ViewModel** + **Hilt** + *
*Retrofit** + **CoilCompose** + **Paging** 等架构设计的项目。

### API文档：

[玩Android 开放API](https://www.wanandroid.com/blog/show/2)

### 项目截图

<img src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5469cdfe1c1b4cf8958e1a000d85b14c~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=209285&e=png&b=fdf8fc" alt="02.png" width="30%" />

<img src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b354f843e3cc402b872749591605efe2~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=117479&e=png&b=fefafd" alt="03.png" width="30%" />

<img src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c1086d14e70840c4b2f060e9461c9747~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=124621&e=png&b=fefafd" alt="04.png" width="30%" />

<img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a91b4b0b78be4738b0ee62ae0c1c8834~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=117629&e=png&b=fdf9fc" alt="05.png" width="30%" />

<img src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2a789f38003b4e48b346473df2783977~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=133078&e=png&b=fbfbfb" alt="06.png" width="30%" />

<img src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/903816fa93f04560b727c4adfc124c97~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=379794&e=png&b=fcf5fa" alt="07.png" width="30%" />

<img src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2b0185a27cc54147aa91bf1c8e2b55d8~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=71404&e=png&b=fbfbfb" alt="08.png" width="30%" />

<img src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/628e492b89d8478b882f2512c937a987~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=49434&e=png&b=fffbfe" alt="09.png" width="30%" />

<img src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/159024e427af416b8ec24b1886e30c28~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=53199&e=png&b=fffbfe" alt="10.png" width="30%" />

<img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e1d08b9aaf3d4645944a2a3713e2d67e~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=76520&e=png&b=fbfbfb" alt="11.png" width="30%" />

<img src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/12309b185f6f43109b2e45dec4548c75~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=99751&e=png&b=fdf9fc" alt="12.png" width="30%" />

<img src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5f04f3e1c8204c37aa4649a9c607eed9~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=29128&e=png&b=fffbfe" alt="13.png" width="30%" />

<img src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/beae05a45c72479c9766c5a7d2d07167~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=30085&e=png&b=fffbfe" alt="14.png" width="30%" />

<img src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4210269be0d74016a9dab7300b2b2232~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=781&h=1390&s=83416&e=png&b=fdf9fc" alt="15.png" width="30%" />

### 实现的功能

- 首页、广场、公众号、体系、导航、项目；
- 搜索文章；
- 收藏、取消收藏文章；
- 查看文章详情；
- 登录、注册、退出；
- 我的积分、我的收藏、积分排行榜；

### 下载体验

<img src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9178e95892de480a937d6904e9b009f4~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=283&h=286&s=8416&e=png&b=edf0f0" alt="c38625a4c09a350cb2335e030e87ebe.png" width="30%" />

### 参考：

banner：[安卓 Compose 版本的 Banner](https://github.com/zhujiang521/Banner)

loading：[coffeetang/myloading (github.com)](https://github.com/coffeetang/myloading)

state状态页：[Android状态页处理工具](https://github.com/Petterpx/StateX)

下拉刷新：[# Swipe Refresh](https://google.github.io/accompanist/swiperefresh/)

### 说明一下：

**此项目是学习AndroidCompose写的，用于练手，仅限于学习。**

参考 https://github.com/iceCola7/WanAndroid UI做的。**如有侵权，请通知删除。**

项目源码：

地址1：https://gitee.com/zhuimengren/WanAndroidCompose

地址2：https://xuxingxing.coding.net/public/compose/WanAndroidCompose/git

如有疑问，沟通学习交流，可以加QQ **753940262**