# jetpack-compose-ui

**Repository Path**: fzwooo/jetpack-compose-ui

## Basic Information

- **Project Name**: jetpack-compose-ui
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-18
- **Last Updated**: 2024-06-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
    <img width="200" src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/logo/logo.png">
</p>

<h1 align="center">Compose UI</h1>
<div align="center">

一套移动端 Compose UI 组件库

[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/yangqi1024/jetpack-compose-ui/blob/master/LICENSE)

</div>

## 接入

项目根目录下 build.gradle 添加

```
repositories {
        mavenCentral()
    }
```

项目 build.gradle 中添加依赖

```
implementation 'cn.itpiggy:compose-ui:1.0.0'
```

## ✨ 特性

- 开箱即用的高质量 Compose 组件
- 提供满足业务差异的主题定制能力
- 支持多种主题切换

## 🔗 链接

- [ActionSheet](#ActionSheet)
- [AddressList](#AddressList)
- [AnnotatedText](#AnnotatedText)
- [Banner](#Banner)
- [Cascade](#Cascade)
- [Category](#Category)
- [Cell](#Cell)
- [Collapse](#Collapse)
- [Curtain](#Curtain)
- [GridCard](#GridCard)
- [Indicator](#Indicator)
- [NoticeBar](#NoticeBar)
- [NumberKeyboard](#NumberKeyboard)
- [Preview](#Preview)
- [PrivacyPolicy](#PrivacyPolicy)
- [Progress](#Progress)
- [Rate](#Rate)
- [SearchBar](#SearchBar)
- [Segmented](#Segmented)
- [SelectCity](#SelectCity)
- [SignaturePad](#SignaturePad)
- [Skeleton](#Skeleton)
- [StatefulLayout](#StatefulLayout)
- [Stepper](#Stepper)
- [Steps](#Steps)
- [Swipe](#Swipe)
- [TimeSelect](#TimeSelect)
- [VerifyCode](#VerifyCode)

## 🔥 组件

# ActionSheet

| Name        | 截图                                                                                                                | 暗黑主题                                                                                                                 |
| ----------- | ------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
| ActionSheet | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/actionsheet/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/actionsheet/screenshot_dark.jpg" width="324" height="702"> |

# AddressList

| Name        | 截图                                                                                                                | 暗黑主题                                                                                                                 |
| ----------- | ------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
| AddressList | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/addresslist/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/addresslist/screenshot_dark.jpg" width="324" height="702"> |

# AnnotatedText

| Name          | 截图                                                                                                                  | 暗黑主题                                                                                                                   |
| ------------- | --------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
| AnnotatedText | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/annotatedtext/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/annotatedtext/screenshot_dark.jpg" width="324" height="702"> |

# Banner

| Name   | 截图                                                                                                           | 暗黑主题                                                                                                            |
| ------ | -------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| Banner | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/banner/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/banner/screenshot_dark.jpg" width="324" height="702"> |

# Cascade

| Name    | 截图                                                                                                            | 暗黑主题                                                                                                             |
| ------- | --------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- |
| Cascade | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/cascade/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/cascade/screenshot_dark.jpg" width="324" height="702"> |

# Category

| Name     | 截图                                                                                                             |
| -------- | ---------------------------------------------------------------------------------------------------------------- |
| Category | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/category/screenshot.jpg" width="324" height="702"> |

# Cell

| Name | 截图                                                                                                         | 暗黑主题                                                                                                          |
| ---- | ------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------- |
| Cell | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/cell/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/cell/screenshot_dark.jpg" width="324" height="702"> |

# Collapse

| Name     | 截图                                                                                                             | 暗黑主题                                                                                                              |
| -------- | ---------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
| Collapse | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/collapse/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/collapse/screenshot_dark.jpg" width="324" height="702"> |

# Curtain

| Name    | 截图                                                                                                            |
| ------- | --------------------------------------------------------------------------------------------------------------- |
| Curtain | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/curtain/screenshot.jpg" width="324" height="702"> |

# GridCard

| Name     | 截图                                                                                                             | 暗黑主题                                                                                                              |
| -------- | ---------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
| GridCard | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/gridcard/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/gridcard/screenshot_dark.jpg" width="324" height="702"> |

# Indicator

| Name      | 截图                                                                                                              | 暗黑主题                                                                                                               |
| --------- | ----------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| Indicator | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/indicator/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/indicator/screenshot_dark.jpg" width="324" height="702"> |

# NoticeBar

| Name      | 截图                                                                                                              | 暗黑主题                                                                                                               |
| --------- | ----------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| NoticeBar | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/noticebar/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/noticebar/screenshot_dark.jpg" width="324" height="702"> |

# NumberKeyboard

| Name           | 截图                                                                                                                   | 暗黑主题                                                                                                                    |
| -------------- | ---------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
| NumberKeyboard | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/numberkeyboard/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/numberkeyboard/screenshot_dark.jpg" width="324" height="702"> |

# Preview

| Name    | 截图                                                                                                            |
| ------- | --------------------------------------------------------------------------------------------------------------- |
| Preview | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/preview/screenshot.jpg" width="324" height="702"> |

# PrivacyPolicy

| Name          | 截图                                                                                                                  | 暗黑主题                                                                                                                   |
| ------------- | --------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
| PrivacyPolicy | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/privacypolicy/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/privacypolicy/screenshot_dark.jpg" width="324" height="702"> |

# Progress

| Name     | 截图                                                                                                             |
| -------- | ---------------------------------------------------------------------------------------------------------------- |
| Progress | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/progress/screenshot.jpg" width="324" height="702"> |

# Rate

| Name | 截图                                                                                                         | 暗黑主题                                                                                                          |
| ---- | ------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------- |
| Rate | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/rate/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/rate/screenshot_dark.jpg" width="324" height="702"> |

# SearchBar

| Name      | 截图                                                                                                              |
| --------- | ----------------------------------------------------------------------------------------------------------------- |
| SearchBar | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/searchbar/screenshot.jpg" width="324" height="702"> |

# Segmented

| Name      | 截图                                                                                                              |
| --------- | ----------------------------------------------------------------------------------------------------------------- |
| Segmented | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/segmented/screenshot.jpg" width="324" height="702"> |

# SelectCity

| Name       | 截图                                                                                                               | 暗黑主题                                                                                                                |
| ---------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- |
| SelectCity | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/selectcity/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/selectcity/screenshot_dark.jpg" width="324" height="702"> |

# SignaturePad

| Name         | 截图                                                                                                                 |
| ------------ | -------------------------------------------------------------------------------------------------------------------- |
| SignaturePad | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/signaturepad/screenshot.jpg" width="324" height="702"> |

# Skeleton

| Name     | 截图                                                                                                             | 暗黑主题                                                                                                              |
| -------- | ---------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- |
| Skeleton | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/skeleton/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/skeleton/screenshot_dark.jpg" width="324" height="702"> |

# StatefulLayout

| Name           | 截图                                                                                                                   |
| -------------- | ---------------------------------------------------------------------------------------------------------------------- |
| StatefulLayout | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/statefullayout/screenshot.jpg" width="324" height="702"> |

# Stepper

| Name    | 截图                                                                                                            | 暗黑主题                                                                                                             |
| ------- | --------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- |
| Stepper | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/stepper/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/stepper/screenshot_dark.jpg" width="324" height="702"> |

# Steps

| Name  | 截图                                                                                                          | 暗黑主题                                                                                                           |
| ----- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ |
| Steps | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/steps/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/steps/screenshot_dark.jpg" width="324" height="702"> |

# Swipe

| Name  | 截图                                                                                                          | 暗黑主题                                                                                                           |
| ----- | ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ |
| Swipe | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/swipe/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/swipe/screenshot_dark.jpg" width="324" height="702"> |

# TimeSelect

| Name       | 截图                                                                                                               | 暗黑主题                                                                                                                |
| ---------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- |
| TimeSelect | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/timeselect/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/timeselect/screenshot_dark.jpg" width="324" height="702"> |

# VerifyCode

| Name       | 截图                                                                                                               | 暗黑主题                                                                                                                |
| ---------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------- |
| VerifyCode | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/verifycode/screenshot.jpg" width="324" height="702"> | <img src="https://cdn.jsdelivr.net/gh/yangqi1024/pic-repo/Cui/verifycode/screenshot_dark.jpg" width="324" height="702"> |

## 致谢

Compose UI 组件参考和引用的部分开源库如下：

- [BannerViewPager](https://github.com/zhpanvip/BannerViewPager)
- [accompanist](https://github.com/google/accompanist)
- [ant-design](https://github.com/ant-design/ant-design)
- [nutui](https://github.com/jdf2e/nutui)

感谢以上开源库的作者