compose-component 是一个Jetpack Compose的组件库;主要提供了一些小组件,便于快速使用。
你也可以直接下载 演示App 体验效果
-
在Project的 build.gradle 或 setting.gradle 中添加远程仓库
repositories { //... mavenCentral() }
-
在Module的 build.gradle 里面添加引入依赖项
implementation 'com.github.jenly1314:compose-component:1.1.0'
compose 组件的使用大都比较直观,一般只需看一下 Composable 函数对应的参数说明基本就会使用了。
如果通过参数还是没太看懂怎么用的,你也可以通过直接看下面各个组件对应的代码示例来加深理解。
这里列一下目前 compose-component 所包含的一些组件,方便快速查找。
组件名称 | 组件说明 | 组件使用示例 | 组件示例效果图 |
---|---|---|---|
CircularChartIndicator | 圆形图表指示器 | 代码示例 | 示例图 |
HorizontalChartIndicator | 水平图表指示器 | 代码示例 | 示例图 |
VerticalChartIndicator | 垂直图表指示器 | 代码示例 | 示例图 |
TextField | 文本输入框(正则限制) | 代码示例 | 示例图 |
SideBar | 字母索引侧边栏 | 代码示例 | 示例图 |
AnimatedDialog | 动画对话框 | 代码示例 | 示例图 |
后续会根据需求场景,不定期补充各种小组件。
更多使用详情,请查看app中的源码使用示例或直接查看 API帮助文档
- CodeTextField一个使用 Compose 实现的验证码输入框。
- UltraSwipeRefresh一个可带来极致体验的 Compose 刷新组件;支持下拉刷新和上拉加载,可完美替代官方的 SwipeRefresh ;并且支持的功能更多,可扩展性更强。
- 新增
AnimatedDialog
(动画对话框:主要是在Dialog
的基础之上增加了可见性过渡动画,并解决Dialog
的宽度显示问题)
如果您喜欢compose-component,或感觉compose-component帮助到了您,可以点右上角“Star”支持一下,您的支持就是我的动力,谢谢 😃
您也可以扫描下面的二维码,请作者喝杯咖啡 ☕
我的博客 | GitHub | Gitee | CSDN | 博客园 |
---|---|---|---|---|
Jenly's Blog | jenly1314 | jenly1314 | jenly121 | jenly |
微信公众号 | Gmail邮箱 | QQ邮箱 | QQ群 | QQ群 |
---|---|---|---|---|
Jenly666 | jenly1314 | jenly1314 | 20867961 | 64020761 |