Skip to content

🦄WanAndroid的最佳Material Design实践,严格遵循Material设计,完美支持其Dynamic Colors等新特性,MVVM架构,保证UI风格、逻辑设计的一致性。全盘采用Jetpack,只为解决某些特定问题而引入其他依赖,避免大材小用,且尽可能均自己实现

Notifications You must be signed in to change notification settings

Lowae/Design-WanAndroid

Repository files navigation

🦄Design WanAndroid

Compose化部分页面

目前暂有:主题选择界面

界面:

原WanAndroid开放的Api功能均已实现

App内通篇全采用Material Design 3风格,拒绝半完成式Material带来的UI的割裂感。

所有Icon取自Material Symbols,统一而规范的设计。

主题色遵循Material3 Color system

  • PrimaryColor, On-primary, Primary container, On-primary container
  • SecondaryColor 同上
  • TertiaryColor

截图展示



默认主题色采用Material Theme Builder从图片取色而成。

实现Dynamic Colors,开启动态主题色后,App主题色自动跟随系统主题色且适配深色模式,保持一贯的视觉体验(Android 12及以上支持)

所以可交互的UI均带有Ripple效果,明确表示这是个可交互控件,且Ripple颜色支持取自当前Dynamic colors的主题色

逻辑:

详细细节可转到Design WanAndroid(WanAndroid的最佳可使用的Android客户端)

使用buildSrc,实现全局且统一的依赖管理。

严格遵循Android Architecture Components,逻辑分为:

  • 界面层(UI Layer)
    • APP内实现:视图(Activity/Fragment等) + 数据驱动及处理逻辑的状态容器(ViewModel等)
  • 网域层(Domain Layer) 可选项,用于处理复杂逻辑或支持可重用性吗,当你需要从不同数据源获取数据时如需要同时从数据库和接口请求数据时,推荐使用UseCase进行组合。
    • App内实现:组合或复用数据源(UseCase)
  • 数据层(Data Layer)
    • App内实现:数据源(Repository)

当你采用某项东西,应是为了解决某些特定的问题,不能单纯为了用而用。在该架构下:

  • 对于网络请求的需要,引入通用的网络请求库,Retrofit + OkHttp

  • 对于网络异常处理的需要,自定义Retrofit NetworkResponseAdapterFactoryGsonConverterFactory,包装接口返回,自定义解析区分业务code,实现全局的接口错误或业务逻辑错误处理,同时下游也可按需获取错误类型。
  • 针对数据层Repository需要以及UseCase需要复用并组合各类Service,引入Hilt,解决依赖注入问题,提高可重用性且避免强依赖。
  • 对于网络请求的线程切换使用Kotlin协程,针对复杂且需要进行各类转换处理的数据流使用Flow,对于One-shot数据使用LiveData,因为LiveData设计初衷并非用于处理复杂的响应数据流。
  • 对于App内的部分需要持久化数据如登陆状态的Cookie、KV数据等小型数据引入DataStoreKotlin Serialization
  • 对于RecyclerView引入Paging3列表的加载及状态处理
  • 针对列表的多类型Item,导入并自定义修改MultiType实现PagingMultiTypeAdapter使其能够支持配合Paging3使用

除以上主要依赖外,其他引入有BannerAgentWeb,除此之外其余功能均自己实现。

最后:

有任何问题欢迎提Issue,如果喜欢的话也可以给个⭐Star

About

🦄WanAndroid的最佳Material Design实践,严格遵循Material设计,完美支持其Dynamic Colors等新特性,MVVM架构,保证UI风格、逻辑设计的一致性。全盘采用Jetpack,只为解决某些特定问题而引入其他依赖,避免大材小用,且尽可能均自己实现

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages