简洁唯美的 WanAndroid 客户端

5,160 阅读4分钟

1.什么是 WanAndroid 客户端

WanAndroid鸿洋开发并维护的一个专门学习 Android 的站点,这里面你可以学习到各种关于 Android 知识。精彩的每日一问、你需要的面试资料、面试题、当然你也可以在这个上面分享知识博客,以及其他好的关于学习 Android 的内容。非常建议学习浏览!

同时鸿洋大佬还提供了 WanAndroid 的 API 真造福了广大 Android 开发者啊!比心!👍

我就是根据 WanAndroid 提供的 API,写了一个客户端,这样可以在手机上可以继续学习了,真是太方便了!

2.WanAndroid 客户端特色以及所用的技术

  • 整体项目 Kotlin 语言编写,以及 Kotlin Coroutine 协程的使用。
  • 项目采用当前主流架构 MVVM。
  • Android Jetpack 的使用包括但不限于LifecycleLiveDataViewModelDatabindingRoomConstraintLayout等,未来可能会更多。
  • 体验极好的 WanAndroid 客户端,页面简洁直接但并不缺少美感!
  • 突出重点的模块设计,每日一问,我的收藏,面试题模块等等!
  • 整体的设计、UI、图标、配色,都是根据经过仔细揣摩精心设计的,还是很精美的!
  • 优秀的用户体验和交互设计
  • 整洁的代码风格和标准的命名规范

WanAndroidJetpack 架构图

项目采用 MVVM 架构,用 Kotlin 语音编写,采用 RetrofitKotlin-Coroutine 协程进行网络交互,加载图片 Glide 主流加载图片框架,数据存储主要用到了 Room 和腾讯的 MMKV

Android Jetpack 是目前 Android 学习开发的趋势,所以我在项目用到了 LifecycleLiveDataViewModelDatabindingRoomViewPager2ConstraintLayoutAndroidX等 Jetpack 相关的最新技术

我相信这个一个非常不错的学习 MMVM + Kotlin + Jetpack 的项目了!具体细节请看 GitHub 的项目 WanAndroidJetpack

喜欢的点个 Stars,有问题的请提 Issues

3.WanAndroid 客户端长什么样子

我录了个 GIF ,看一下具体内容吧!

友情提示:

Gif 还有下面的截图和真是 APP 的 UI 细节有出入,比如淡白色的分割线,背景色等等!

下载 APP 体验更佳,一起学起来吧!

APP 内的截图!

            

            

4.WanAndroid 客户端的功能介绍

整个 APP 主色调为天蓝色,在颜色选择、文字大小、图标方面我都花费了很多心思,整体的设计模块参考主流的 APP 格式,底部有五个 Tab 分别是:首页、问答、收藏、发现、我的

下面我来分别介绍各个模块

首页

  • Banner 图
  • 置顶文章
  • Feed 流

首页主要是由上面三大模块组成!

会展示大家最新分享的文章博客,每日一问等等

当然你也可以分享文章!

问答

WanAndroid 相当有特殊的一个模块,非常干的干货,鸿洋会提出每日一问,而且问题都很有深度!由大家来回答,其中有一个优秀的回答者 陈小缘 而且是一个自定义 View 的大佬!可以关注学习一波哈!

这个模块知识都非常有深度,所以我把它单独拿出来了,就是方便学习!

收藏

收藏也是一个重要的模块主要由下面几部分组成

  • 收藏文章:就是自己收藏的文章,可以通过点击列表 Item 上的小心心收藏,也可以在我的页面手动添加自己的喜欢的文章。
  • 面试相关:对,没错就是为了方便直接看面试题,非常方便!
  • 分享文章:这里是自己在 WanAndroid 站点分享的文章,可以是自己写的,也可以你觉得不错的文章!
  • 收藏网站:收藏自己喜欢的网站,博客等等!

发现

这个模块包含的内容非常多!基本你在这儿可以找到你想要的任何东西了

  • 体系:关于 Android 学习相关的方方面面
  • 导航:常用的开发者网站、优秀的博客、Flutter、三分平台、SDK 等等
  • 公众号:优秀的 Android 开发者们,同时也包括大厂技术的微信号
  • 项目:热门的项目,同时你也可以分享自己的项目
  • 项目分类:按照项目的类型分类展示项目模块!

我的

  • 登录的入口,登录成功后会展示个人的信息以及积分排名等
  • 收藏文章、网站,分享文章的编辑入口
  • 设置:目前只是做了一个退出登录的操作

整体总结

  • 点击每个 Item 都会进入到具体的文章详情页面
  • 详情页面是一个简洁的全屏的体验,同时可以收藏文章和滚动到顶部的一些操作
  • 列表上有一键收藏功能(需要登录哟)
  • 一键回滚到列表顶部操作

5.总结

  • 这是一个 Kotlin+MVVM+Jetpack 的项目,如果想学习的可以学习一波儿,具体代码在 GitHub
  • 喜欢的点个 Stars,有问题的请提 Issues
  • 代码细节,请看项目 WanAndroidJetpack
  • 使用的第三方库和日志更新在 GitHub 上
  • 下载体验请 点击下载