Giter Club home page Giter Club logo

design-wanandroid's Introduction

🦄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

design-wanandroid's People

Contributors

lowae avatar sherlockgougou avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.