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.1.0'
使用说明¶
compose 组件的使用大都比较直观,一般只需看一下 Composable 函数对应的参数说明基本就会使用了。
如果通过参数还是没太看懂怎么用的,你也可以通过直接看下面各个组件对应的代码示例来加深理解。
组件说明¶
这里列一下目前 compose-component 所包含的一些组件,方便快速查找。
组件名称 | 组件说明 | 组件使用示例 | 组件示例效果图 |
---|---|---|---|
CircularChartIndicator | 圆形图表指示器 | 代码示例 | 示例图 |
HorizontalChartIndicator | 水平图表指示器 | 代码示例 | 示例图 |
VerticalChartIndicator | 垂直图表指示器 | 代码示例 | 示例图 |
TextField | 文本输入框(正则限制) | 代码示例 | 示例图 |
SideBar | 字母索引侧边栏 | 代码示例 | 示例图 |
AnimatedDialog | 动画对话框 | 代码示例 | 示例图 |
后续会根据需求场景,不定期补充各种小组件。
更多使用详情,请查看app中的源码使用示例或直接查看 API帮助文档
相关推荐¶
- CodeTextField一个使用 Compose 实现的验证码输入框。
- UltraSwipeRefresh一个可带来极致体验的 Compose 刷新组件;支持下拉刷新和上拉加载,可完美替代官方的 SwipeRefresh ;并且支持的功能更多,可扩展性更强。