登录

去注册 忘记密码?

登录

注册

去登录

  • 扫码关注公众号
  • 发送“我爱安卓
  • 即可获取验证码

注册

解锁回答区域

  • 扫码关注公众号
  • 发送“我爱安卓

若你登陆,将永久解锁;
若未登录,仅本机解锁。

解锁回答区域

获取注册验证码

  • 扫码关注公众号
  • 发送“我爱安卓
  • 即可获取验证码

compose-component 提供了一些Jetpack Compose小组件的组件库。

jenly1314   2024-01-22 22:25   收藏

Compose Component

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

Gif 展示

compose-component.gif

你也可以直接下载 演示App 体验效果

引入

Gradle:

  1. 在Project的 build.gradlesetting.gradle 中添加远程仓库

    repositories {
        //...
        mavenCentral()
    }
    
  2. 在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


项目地址:https://github.com/jenly1314/compose-component