wasabeef/awesome-android-ui · 上手攻略

  • 仓库：wasabeef/awesome-android-ui
  • 链接：https://github.com/wasabeef/awesome-android-ui
  • 分类：资源合集 / Android UI 库清单
  • 作者：spark
  • 更新：2026-07-13

1. 是什么

wasabeef/awesome-android-ui 是 wasabeef 维护的一份精选 Android UI/UX 库目录，截至 2026 年 7 月在 GitHub 上拥有约 5.68 万 ⭐、2.8k Watcher。它不是代码库，而是按 UI 形态分类的导航：

Jetpack Compose · Layout · Button · List/Grid · ViewPager · Label/Form · Image · SeekBar · Progress · Menu · ActionBar · Dialog · Calendar · Graph · Animation · Parallax · Effect（Blur 等） · Other

每条记录三栏：库名 + GitHub 链接 + License + Demo 动图，便于开发者快速对比、决策要不要引入。wasabeef 是日本 Android 知名开发者，他还维护了 awesome-android-libraries、kotlin-style-guide 等合集。

适用读者：Android 开发、UI 设计师、想做技术选型的团队负责人。

2. 解决什么问题

  • 选型焦虑：新项目要"好看的下拉刷新？"、"好用的轮播？"、"RecyclerView 拖拽排序？"——自己去一个个搜要几十小时，awesome-android-ui 已经按场景分组。
  • License 直查：列表直接标注 Apache 2.0 / MIT / BSD，便于法务初筛。
  • 动画/视觉灵感：每个组件都配动图，看到效果再点击 GitHub 学习。
  • Compose 转旧 View / 旧 View 转 Compose：列表里既保留经典 View 库，也聚齐了新 Compose 库，方便渐进迁移。

3. 快速使用

3.1 不需要"安装"——这是一份目录

直接打开 README.md 浏览即可。可以：

  • 在线阅读：GitHub 仓库主页
  • 克隆到本地： bash git clone https://github.com/wasabeef/awesome-android-ui.git cd awesome-android-ui # 推荐用 VS Code + Markdown Preview Mermaid Support 等插件阅读
  • 搜索特定关键词：用浏览器 Ctrl+F / Cmd+F，例如搜 "Expandable" 直接定位可展开列表控件。

3.2 用搜索工具订阅更新

库迭代很快，建议 Watch 仓库：

  • GitHub → Watch → Releases only：只收发行通知
  • GitHub → Watch → All Activity：所有 issue / PR，包括新库 merge

3.3 使用其中的库——举例

以 Landscapist（Compose 图片加载） 为例：

// settings.gradle.kts
dependencyResolutionManagement {
    repositories {
        google()
        mavenCentral()
    }
}

// 模块 build.gradle.kts
dependencies {
    implementation("com.github.skydoves:landscapist-glide:2.4.7") // 版本以官方为准
    implementation("com.skydoves:landscapist:2.4.7")
}

@Composable
fun Avatar() {
    GlideImage(
        imageModel = { R.drawable.sample },
        modifier = Modifier.size(120.dp).clip(CircleShape),
        loading = { CircularProgressIndicator() },
        failure = { Text("加载失败") }
    )
}

完整 Demo / GIF 在 README 中已经预览，真实集成以 Landscapist 仓库 README 为准。

4. 核心目录速览（精选）

4.1 Jetpack Compose

  • Landscapist（Apache-2.0）—— Compose 端的图片/视频加载 Glide/Coil/OkHttp 多引擎
  • Orchestra（Apache-2.0）—— 多种 View 系统的统一封装
  • ComposeClock / Compose Neumorphism UI—— 各类视觉范式
  • SSComposeCookBook / ComposeCookBook—— 整套 Cookbook 教学项目

4.2 Layout

  • SwipeBackLayout / AndroidSwipeLayout—— 滑动退栈 / 滑动卡片
  • FlexboxLayout（Google 官方）—— CSS Flexbox 在 Android 上的实现
  • DraggablePanel—— 自由拖拽面板（YouTube 浮窗风）
  • Hover / FoldableLayout / TileView—— 折叠屏、超大图、超宽屏布局

4.3 Button

  • circular-progress-button / android-process-button / KTLoadingButton—— 加载带进度按钮
  • FloatingActionButton（makovkastar）—— 可滚动隐藏 FAB
  • AwesomeSwitch—— 拨杆式开关

4.4 List / Grid

  • SuperRecyclerView—— 在 Support 时代大名鼎鼎，下拉刷新 + 进度条 + 空视图一站式
  • recyclerview-stickyheaders—— 吸顶分组头
  • AndroidStaggeredGrid / AsymmetricGridView—— 瀑布流 / 不规则网格
  • Android-ObservableScrollView—— 滚动事件实时回调，做联动 / 视差

4.5 ViewPager

  • InfiniteIndicator / looping-layout / JazzyViewPager—— ViewPager 分类与酷炫切换
  • android-viewpager-transformer—— 切换动画库

4.6 Image

  • Picasso / Glide / Coil / Fresco—— 三大图片库虽不在表中但被广泛引用
  • Compressor / Compressor2—— 压缩 + 旋转方向修正
  • SiliCLip—— GIF 处理

4.7 Progress / SeekBar

  • AVLoadingIndicatorView / DilatingDots / AVProgressBar—— 几十种加载指示器
  • RangeSeekBar / DoubleSeekBar / SeekBarHint—— 多端点 / 指示气泡

4.8 Animation / Parallax / Effect

  • Lottie-Android / Konfetti（Lottie 已成事实标准）
  • AndroidViewAnimations—— 一行代码 rotate / fade / bounce
  • Backboard—— 把物理引入动画
  • GSYVideoPlayer / JieCaoVideoPlayer—— 国内常见的视频播放器（旧插件时代）

4.9 Calendar / Graph / Other

  • CalendarView2 / MaterialCalendarView / CompactCalendarView—— 各派日历
  • MPAndroidChart / HelloCharts / AndroidCharts—— 图表

⚠ 仓库目录历史悠久（约 2014 年至今），部分旧库已 archived，仅供灵感参考；最终选型请用 Coil 5 / Compose / 最新替代品。

5. 典型适用场景

  • Android 新人：浏览一遍列表，建立"原来有这种控件！"的认知地图。
  • 技术评审：评审新项目时，让团队收藏夹中加上这个仓库，能显著减少"重复造轮子"现象。
  • 设计师/产品：挑选设计风格时，参考 Demo 动图做交互原型。
  • 跨团队协作：把仓库链接丢进 Onboarding doc，新成员入门有捷径。
  • 写博客/课程：分类清晰、配图丰富，是写"Android UI 系列教程"的好资料源。

6. 坑与注意

  1. 大量"历史名库"：很多 2014-2018 年的库年久失修，请用以下方式甄别： - 最近一次 commit 是否在 3 年内？ - 是否有 Kotlin / Jetpack Compose 版本替代？多数情况下 Compose 等价物更合适。
  2. Licence 信息时效：README 中的 License 字段是当初提交时的状态，部分项目可能在中途改 License，集成前必须再读 lib 仓库当下 LICENSE。
  3. Demo 链接 404：少数 8-10 年前的 GIF 可能 imgur/photobucket 链接失效；建议以 GitHub 仓库自身 demo 视频为准。
  4. 国际化：仓库以英文为主，中文检索用搜索引擎 site:github.com 关键字 awesome-android-ui 经常更精准。
  5. 不要照抄整套 UI：列表是灵感库，不要把所有组件都塞进自己 App——KISS 原则先于"看起来酷"。
  6. 国内访问慢：README 里图片很多来自 user-images.githubusercontent.com，配置代理或开启 CDN 走 GitHub Raw 镜像可获得更好体验。

7. 与同类对比

仓库 主题 体量 适合
wasabeef/awesome-android-ui Android UI 组件 ~5.68 万 ⭐ 找 UI 组件
awesome-android-libraries 通用库（网络、依赖注入、图片 …） 数千 ⭐ 找非 UI 库
awesome-android 综合（库+书+博客+工具） 中型 资料总览
android-arsenal 古早网站，按目录筛选 中等 找分类齐全
awesome-jetpack-compose 仅 Compose 生态 新 找纯 Compose

8. 一句话推荐结论

Android 选型的"灵感健身房"——不是工具，而是品类全图；补一句：选 Compose 时代，优先看 Compose Cookbook / Landscapist 等现代名单，对老 View 库保持"参考而非必装"的态度。

参考来源

  • 仓库主页：https://github.com/wasabeef/awesome-android-ui
  • 仓库 README（master 分支）：已通过 web_fetch 抓取 2026-07-13 22:50 (UTC+8) 抓取，包含完整目录与分类
  • wasabeef 个人主页：https://github.com/wasabeef
  • 关联系列：https://github.com/wasabeef/awesome-android-libraries

不确定处：清单中部分库非官方主维护渠道链接，作者并未对每个条目打过"长期可用"标签，使用前请回访对应 GitHub 仓库核验 License、最新 commit 与当前 Compose / Material 3 兼容情况。本篇未单独抓取每个条目仓库的主 README，仅以 awesome list 为参考。