Android-Color-Picker - GitLite

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #llm #rust #deep-learning #nodejs #macos #awesome #cli #awesome-list #mcp

Android-Color-Picker

(★ 321)

Color picker library for Android

파일 탐색기

최종 버전 다운로드 (.zip)

- config.yml
- - bug_report.md
  - feature_request.md
- dependabot.yml
- .gitignore
- build.gradle
- consumer-rules.pro
- proguard-rules.pro
- .gitignore
- build.gradle
- proguard-rules.pro
- _config.yml
- index.md
- hsl_seekbar_sample.png
- logo.png
- picker_hsl.png
- seek_bar_cmyk_pure.png
- seek_bar_hsl_pure.png
- seek_bar_lab_output.png
- seek_bar_rgb_pure.png
- type_cmyk.png
- type_hsl.png
- - gradle-wrapper.jar
  - gradle-wrapper.properties
- Project.xml
- .gitignore
- build.gradle
- proguard-rules.pro
- publish-mavencentral.gradle
.gitignore
build.gradle
CODE_OF_CONDUCT.md
CONTRIBUTING.md
gradle.properties
gradlew
gradlew.bat
LICENSE
README.md
settings.gradle

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/side-codes/Android-Color-Picker

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd Android-Color-Picker

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Gradle (Java/Kotlin)

보통 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
JDK (Java) Java/Kotlin 프로젝트를 빌드/실행하려면 필요합니다.
Gradle 레포에 포함된 gradlew(Gradle Wrapper)를 쓰면 Gradle을 따로 설치할 필요가 없습니다.

cd andcolorpicker

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

./gradlew build

Gradle로 빌드를 진행합니다.

✅ BUILD SUCCESSFUL 메시지가 뜨면 성공입니다. build/ 폴더에 결과물이 생성됩니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# andColorPicker — Color Picker library for Android

:avocado: Handy, :snake: flexible, and :zap: lightning-fast Android color picker views and utilities.

![andColorPicker logo](https://github.com/side-codes/andColorPicker/raw/master/github/logo.png)

## :pill: Features

- Clean, easy-to-use components and API
- High performance
- Material styling in mind
- Standard Android SDK view family
- Wide color models support
- Tooling and utilities
- Alpha channel support
- Cutting edge tech stack
- Active development and support

## :hammer: Setup

Gradle dependency:

```gradle
implementation "codes.side:andcolorpicker:0.6.2"
```

## :art: Picker types

### HSL (hue, saturation, lightness)

- *Add color model description*

![](https://github.com/side-codes/andColorPicker/raw/master/github/seek_bar_hsl_pure.png)

#### Layout XML Snippet

Basic HSL components:
```xml
<codes.side.andcolorpicker.hsl.HSLColorPickerSeekBar
  android:id="@+id/hueSeekBar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:hslColoringMode="pure"
  app:hslMode="hue" />
```

Supported `hslMode` values:
- `hue` (default)
- `saturation`
- `lightness`

Supported `hslColoringMode` values:
- `pure` (default)
- `output`

Alpha component:
```xml
<codes.side.andcolorpicker.alpha.HSLAlphaColorPickerSeekBar
  android:id="@+id/alphaSeekBar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content" />
```

#### Kotlin Snippet
```kotlin
// Configure color model programmatically
hueSeekBar.mode = Mode.MODE_HUE // Mode.MODE_SATURATION, Mode.MODE_LIGHTNESS

// Configure coloring mode programmatically
hueSeekBar.coloringMode = ColoringMode.PURE_COLOR // ColoringMode.OUTPUT_COLOR

// Group pickers with PickerGroup to automatically synchronize color across them
val group = PickerGroup<IntegerHSLColor>().also {
  it.registerPickers(
    hueSeekBar,
    saturationSeekBar,
    lightnessSeekBar,
    alphaSeekBar
  )
}

// Get current color immediately
Log.d(
  TAG,
  "Current color is ${hueSeekBar.pickedColor}"
)

// Listen individual pickers or groups for changes
group.addListener(
  object : HSLColorPickerSeekBar.DefaultOnColorPickListener() {
    override fun onColorChanged(
      picker: ColorSeekBar<IntegerHSLColor>,
      color: IntegerHSLColor,
      value: Int
    ) {
      Log.d(
        TAG,
        "$color picked"
      )
      swatchView.setSwatchColor(
        color
      )
    }
  }
)

// Set desired color programmatically
group.setColor(
  IntegerHSLColor().also {
    it.setFromColorInt(
      Color.rgb(
        28,
        84,
        187
      )
    )
  }
)

// Set color components programmatically
hueSeekBar.progress = 50
```

### RGB (red, green, blue)

![](https://github.com/side-codes/andColorPicker/raw/master/github/seek_bar_rgb_pure.png)

#### Properties

- View name: ```RGBColorPickerSeekBar```
- ```app:rgbMode``` for RGB component selection

### LAB

![](https://github.com/side-codes/andColorPicker/raw/master/github/seek_bar_lab_output.png)

#### Properties

- View name: ```LABColorPickerSeekBar```
- ```app:labMode``` for LAB component selection

### CMYK (cyan, magenta, yellow, key)

![](https://github.com/side-codes/andColorPicker/raw/master/github/seek_bar_cmyk_pure.png)

#### Properties

- View name: ```CMYKColorPickerSeekBar```
- ```app:cmykMode``` for CMYK component selection
- ```app:cmykColoringMode``` for coloring mode selection

Supported `cmykMode` values:
- `cyan` (default)
- `magenta`
- `yellow`
- `black`

Supported `cmykColoringMode` values:
- `pure` (default)
- `output`

### Swatches

SwatchView component:
```xml
<codes.side.andcolorpicker.view.swatch.SwatchView
  android:id="@+id/swatchView"
  android:layout_width="match_parent"
  android:layout_height="wrap_content" />
```

#### Kotlin Snippet:
```kotlin
swatchView.setSwatchPatternTint(
  Color.LTGRAY
)

swatchView.setSwatchColor(
  IntegerHSLColor().also {
    it.setFromColorInt(
      ColorUtils.setAlphaComponent(
        Color.MAGENTA,
        128
      )
    )
  }
)
```

## :memo: License

```
Copyright 2020 Illia Achour

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
```