https://github.com/jenly1314/compose-component
:grapes: compose-component 是一个Jetpack Compose的组件库；主要提供了一些小组件，便于快速使用。
https://github.com/jenly1314/compose-component
chart component components composable compose dialog foundation material sidebar textfield
Last synced: 11 months ago
JSON representation
:grapes: compose-component 是一个Jetpack Compose的组件库；主要提供了一些小组件，便于快速使用。
- Host: GitHub
- URL: https://github.com/jenly1314/compose-component
- Owner: jenly1314
- License: mit
- Created: 2023-09-03T09:15:50.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-01-25T14:50:31.000Z (about 2 years ago)
- Last Synced: 2024-01-25T16:56:39.920Z (about 2 years ago)
- Topics: chart, component, components, composable, compose, dialog, foundation, material, sidebar, textfield
- Language: Kotlin
- Homepage:
- Size: 12.2 MB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Compose Component
[](https://raw.githubusercontent.com/jenly1314/compose-component/master/app/release/app-release.apk)
[](https://repo1.maven.org/maven2/com/github/jenly1314/compose-component)
[](https://jitpack.io/#jenly1314/compose-component)
[](https://circleci.com/gh/jenly1314/compose-component)
[](https://android-arsenal.com/api?level=21)
[](https://opensource.org/licenses/mit-license.php)
compose-component 是一个Jetpack Compose的组件库；主要提供了一些小组件，便于快速使用。
## Gif 展示
> 你也可以直接下载 [演示App](https://raw.githubusercontent.com/jenly1314/compose-component/master/app/release/app-release.apk) 体验效果
## 引入
### Gradle:
1. 在Project的 **build.gradle** 或 **setting.gradle** 中添加远程仓库
```gradle
repositories {
//...
mavenCentral()
}
```
2. 在Module的 **build.gradle** 里面添加引入依赖项
```gradle
implementation 'com.github.jenly1314:compose-component:1.1.0'
```
## 使用说明
**compose** 组件的使用大都比较直观，一般只需看一下 Composable 函数对应的参数说明基本就会使用了。
> 如果通过参数还是没太看懂怎么用的，你也可以通过直接看下面各个组件对应的代码示例来加深理解。
### 组件说明
这里列一下目前 **compose-component** 所包含的一些组件，方便快速查找。
| 组件名称 | 组件说明 | 组件使用示例 | 组件示例效果图 |
|:-------------------------|:------------|:-----------------------------------------------------------------------------------------------------------|:----------------------------------------------------|
| CircularChartIndicator | 圆形图表指示器 | [代码示例](app/src/main/java/com/king/compose/component/app/component/chart/CircularChartIndicatorSample.kt) | [示例图](art/CircularChartIndicatorSamplePreview.png) |
| HorizontalChartIndicator | 水平图表指示器 | [代码示例](app/src/main/java/com/king/compose/component/app/component/chart/HorizontalChartIndicatorSample.kt) | [示例图](art/HorizontalCharIndicatorSamplePreview.png) |
| VerticalChartIndicator | 垂直图表指示器 | [代码示例](app/src/main/java/com/king/compose/component/app/component/chart/VerticalChartIndicatorSample.kt) | [示例图](art/VerticalChartIndicatorSamplePreview.png) |
| TextField | 文本输入框（正则限制） | [代码示例](app/src/main/java/com/king/compose/component/app/component/text/TextFieldSample.kt) | [示例图](art/TextFieldSamplePreview.png) |
| SideBar | 字母索引侧边栏 | [代码示例](app/src/main/java/com/king/compose/component/app/component/bar/SideBarSample.kt) | [示例图](art/SideBarSamplePreview.png) |
| AnimatedDialog | 动画对话框 | [代码示例](app/src/main/java/com/king/compose/component/app/component/dialog/AnimatedDialogSample.kt) | [示例图](art/AnimatedDialogSamplePreview.gif) |
> 后续会根据需求场景，不定期补充各种小组件。
更多使用详情，请查看[app](app)中的源码使用示例或直接查看 [API帮助文档](https://jenly1314.github.io/compose-component/api/)
## 相关推荐
- [CodeTextField](https://github.com/jenly1314/CodeTextField)一个使用 Compose 实现的验证码输入框。
- [UltraSwipeRefresh](https://github.com/jenly1314/UltraSwipeRefresh)一个可带来极致体验的 Compose 刷新组件；支持下拉刷新和上拉加载，可完美替代官方的 **SwipeRefresh** ；并且支持的功能更多，可扩展性更强。
## 版本日志
#### v1.1.0：2024-1-21
* 新增`AnimatedDialog`（动画对话框：主要是在`Dialog`的基础之上增加了可见性过渡动画，并解决`Dialog`的宽度显示问题）
#### [查看更多版本日志](CHANGELOG.md)
## 赞赏
如果您喜欢compose-component，或感觉compose-component帮助到了您，可以点右上角“Star”支持一下，您的支持就是我的动力，谢谢 :smiley:
您也可以扫描下面的二维码，请作者喝杯咖啡 :coffee:
## 关于我
| 我的博客 | GitHub | Gitee | CSDN | 博客园 |
|:------------------------------------------------------------------------------------|:----------------------------------------------------------------------------------------|:---------------------------------------------------------------------------------------|:-------------------------------------------------------------------------------------|:-------------------------------------------------------------------------------|
| Jenly's Blog | jenly1314 | jenly1314 | jenly121 | jenly |
## 联系我
| 微信公众号 | Gmail邮箱 | QQ邮箱 | QQ群 | QQ群 |
|:-------------|:---------------------------------------------------------------------------------|:----------------------------------------------------------------------------------|:--------------------------------------------------------------------------------------------------------------------------|:--------------------------------------------------------------------------------------------------------------------------|
| [Jenly666](http://weixin.qq.com/r/wzpWTuPEQL4-ract92-R) | jenly1314 | jenly1314 | 20867961 | 64020761 |
