Compose Component
compose-component 是一个Jetpack Compose的组件库;主要提供了一些小组件,便于快速使用。
Gif 展示

你也可以直接下载 演示App 体验效果
引入
Gradle:
-
在Project的 build.gradle 或 setting.gradle 中添加远程仓库
repositories { //... mavenCentral() } -
在Module的 build.gradle 里面添加引入依赖项
implementation 'com.github.jenly1314:compose-component:1.0.0'
使用说明
compose 组件的使用大都比较直观,一般只需看一下 Composable 函数对应的参数说明基本就会使用了。
如果通过参数还是没太看懂怎么用的,你也可以通过直接看下面各个组件对应的代码示例来加深理解。
组件说明
这里列一下目前 compose-component 所包含的一些组件,方便快速查找。
| 组件名称 | 组件说明 | 组件使用示例 | 组件示例效果图 |
|---|---|---|---|
| CircularChartIndicator | 圆形图表指示器 | 代码示例 | 示例图 |
| HorizontalChartIndicator | 水平图表指示器 | 代码示例 | 示例图 |
| VerticalChartIndicator | 垂直图表指示器 | 代码示例 | 示例图 |
| TextField | 文本输入框(正则限制) | 代码示例 | 示例图 |
| SideBar | 字母索引侧边栏 | 代码示例 | 示例图 |
| AnimatedDialog | 动画对话框 | 代码示例 | 示例图 |
后续会根据需求场景,不定期补充各种小组件。
更多使用详情,请查看app中的源码使用示例或直接查看 API帮助文档
相关推荐
CodeTextField一个使用 Compose 实现的验证码输入框。
UltraSwipeRefresh一个可带来极致体验的 Compose 刷新组件;支持下拉刷新和上拉加载,可完美替代官方的 SwipeRefresh;并且支持的功能更多,可扩展性更强。
版本记录
v1.1.0:2024-1-21
- 新增
AnimatedDialog(动画对话框:主要是在Dialog的基础之上增加了可见性过渡动画,并解决Dialog的宽度显示问题)
v1.0.0:2023-9-3
- compose-component初始版本
关于我
Name: Jenly
Email:
jenly1314#gmail.com /
jenly1314#vip.qq.com
CSDN: jenly121
CNBlogs: jenly
GitHub: jenly1314
Gitee: jenly1314
加入QQ群:
20867961