### Complete Example Activity (Kotlin)

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/sliders/alpha-slidebar.md

A complete Kotlin Activity demonstrating the setup and usage of ColorPickerView and AlphaSlideBar, including attaching the slider and handling color changes.

```kotlin
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val colorPickerView = findViewById<ColorPickerView>(R.id.colorPickerView)
        val alphaSlideBar = findViewById<AlphaSlideBar>(R.id.alphaSlideBar)

        // Attach the alpha slider to the color picker
        colorPickerView.attachAlphaSlider(alphaSlideBar)

        colorPickerView.setColorListener(ColorEnvelopeListener {
            envelope, fromUser ->
            // The color includes alpha value from the slider
            val colorWithAlpha = envelope.color
        })
    }
}
```

--------------------------------

### Complete Implementation Example

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/preference.md

A full example showing how to integrate ColorPickerView with sliders and automatic state persistence in an Activity.

```kotlin
class MainActivity : AppCompatActivity() {

    private lateinit var colorPickerView: ColorPickerView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        colorPickerView = findViewById(R.id.colorPickerView)
        val alphaSlideBar = findViewById<AlphaSlideBar>(R.id.alphaSlideBar)
        val brightnessSlideBar = findViewById<BrightnessSlideBar>(R.id.brightnessSlideBar)

        // Attach sliders
        colorPickerView.attachAlphaSlider(alphaSlideBar)
        colorPickerView.attachBrightnessSlider(brightnessSlideBar)

        // Enable automatic state persistence
        colorPickerView.setPreferenceName("MainColorPicker")
        colorPickerView.setLifecycleOwner(this)

        colorPickerView.setColorListener(ColorEnvelopeListener { envelope, fromUser ->
            updateUI(envelope)
        })
    }

    private fun updateUI(envelope: ColorEnvelope) {
        // Update your UI
    }
}
```

--------------------------------

### Complete Example Layout

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/sliders/alpha-slidebar.md

An example of a complete layout integrating ColorPickerView and AlphaSlideBar, suitable for an Android Activity.

```xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res-auto"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <com.skydoves.colorpickerview.ColorPickerView
        android:id="@+id/colorPickerView"
        android:layout_width="300dp"
        android:layout_height="300dp" />

    <com.skydoves.colorpickerview.sliders.AlphaSlideBar
        android:id="@+id/alphaSlideBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        app:borderColor_AlphaSlideBar="@android:color/darker_gray"
        app:borderSize_AlphaSlideBar="3" />

</LinearLayout>
```

--------------------------------

### Install ColorPickerView Dependency

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/getting-started.md

Add the library dependency to your module's build.gradle file.

```groovy
dependencies {
    implementation("com.github.skydoves:colorpickerview:2.4.0")
}
```

```kotlin
dependencies {
    implementation("com.github.skydoves:colorpickerview:2.4.0")
}
```

--------------------------------

### Start Gallery Intent

Source: https://github.com/skydoves/colorpickerview/blob/main/README.md

Initiate an intent to open the device's gallery for image selection. This code should be followed by handling the result in onActivityResult.

```java
Intent photoPickerIntent = new Intent(Intent.ACTION_PICK);
photoPickerIntent.setType("image/*");
startActivityForResult(photoPickerIntent, REQUEST_CODE_GALLERY);
```

--------------------------------

### Set Initial Color

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/getting-started.md

Configures the starting color for the selector and slide bars, which is only effective with the default HSV palette.

```xml
app:initialColor="@color/colorPrimary"
```

```kotlin
colorPickerView.setInitialColor(color)
// or using a color resource
colorPickerView.setInitialColorRes(R.color.colorPrimary)
```

--------------------------------

### Color Preview Layout

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/alphatileview.md

A layout example demonstrating how to use AlphaTileView for a simple color preview alongside a TextView to display the hex code.

```xml
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="16dp">

    <com.skydoves.colorpickerview.AlphaTileView
        android:id="@+id/colorPreview"
        android:layout_width="48dp"
        android:layout_height="48dp"
        app:tileSize="8" />

    <TextView
        android:id="@+id/hexCode"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_gravity="center_vertical" />

</LinearLayout>
```

--------------------------------

### Handle onRefresh Updates

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/flagview.md

Example implementation of the onRefresh method to update UI components with color data.

```kotlin
override fun onRefresh(colorEnvelope: ColorEnvelope) {
    // Update your views with the new color information
    hexCodeTextView.text = "#${colorEnvelope.hexCode}"
    colorPreview.setBackgroundColor(colorEnvelope.color)

    // Access ARGB values
    val argb = colorEnvelope.argb
    alphaText.text = "A: ${argb[0]}"
    redText.text = "R: ${argb[1]}"
    greenText.text = "G: ${argb[2]}"
    blueText.text = "B: ${argb[3]}"
}
```

--------------------------------

### Attach and Control BrightnessSlideBar

Source: https://context7.com/skydoves/colorpickerview/llms.txt

Provides code examples for programmatically attaching a BrightnessSlideBar to ColorPickerView and setting its selector position to adjust brightness.

```java
BrightnessSlideBar brightnessSlideBar = findViewById(R.id.brightnessSlideBar);
colorPickerView.attachBrightnessSlider(brightnessSlideBar);
```

```java
brightnessSlideBar.setSelectorPosition(1.0f);
```

```java
colorPickerView.attachAlphaSlider(alphaSlideBar);
colorPickerView.attachBrightnessSlider(brightnessSlideBar);
```

--------------------------------

### Set Initial Color for ColorPickerDialog in Kotlin

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/color-picker-dialog.md

Demonstrates how to set a specific starting color for the ColorPickerDialog by accessing the colorPickerView property of the builder before showing the dialog.

```kotlin
val builder = ColorPickerDialog.Builder(this)
    .setTitle("Select Color")
    .setPositiveButton("OK", ColorEnvelopeListener { envelope, _ ->
        // Handle selection
    })
    .setNegativeButton("Cancel") { dialog, _ -> dialog.dismiss() }

// Set initial color
builder.colorPickerView.setInitialColor(currentColor)

builder.show()
```

--------------------------------

### Custom FlagView with AlphaTileView

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/alphatileview.md

Example of a custom `FlagView` that incorporates `AlphaTileView` to display color information, including the hex code.

```kotlin
class CustomFlag(context: Context, layout: Int) : FlagView(context, layout) {

    private val alphaTileView: AlphaTileView = findViewById(R.id.flag_color_preview)
    private val hexCodeText: TextView = findViewById(R.id.flag_hex_code)

    override fun onRefresh(colorEnvelope: ColorEnvelope) {
        alphaTileView.setPaintColor(colorEnvelope.color)
        hexCodeText.text = "#${colorEnvelope.hexCode}"
    }
}
```

--------------------------------

### Custom Flag View Implementation

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/flagview.md

Extends FlagView to create a custom layout for displaying color information. This example shows how to update a TextView with the hex code and an AlphaTileView with the selected color. Ensure the layout XML (e.g., layout_flag.xml) defines the TextView and AlphaTileView.

```kotlin
class CustomFlag(context: Context, layout: Int) : FlagView(context, layout) {

    private val textView: TextView = findViewById(R.id.flag_color_code)
    private val alphaTileView: AlphaTileView = findViewById(R.id.flag_color_layout)

    override fun onRefresh(colorEnvelope: ColorEnvelope) {
        textView.text = "#${colorEnvelope.hexCode}"
        alphaTileView.setPaintColor(colorEnvelope.color)
    }
}
```

--------------------------------

### Initial Color Configuration

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/preference.md

Set an initial color that applies only on the first launch before saved preferences take precedence.

```kotlin
colorPickerView.setPreferenceName("MyColorPicker")
colorPickerView.setInitialColor(Color.BLUE)
```

--------------------------------

### Get AlphaSlideBar Selected Value

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/sliders/alpha-slidebar.md

Retrieves the current selected X-coordinate (position) of the selector on the AlphaSlideBar.

```kotlin
val selectedX = alphaSlideBar.selectedX
```

--------------------------------

### ShapeAppearancePathProvider.ShapeAppearancePathSpec Constructor

Source: https://github.com/skydoves/colorpickerview/blob/main/app/src/release/generated/baselineProfiles/baseline-prof.txt

Constructor for ShapeAppearancePathSpec.

```APIDOC
## ShapeAppearancePathProvider.ShapeAppearancePathSpec Constructor

### Description
Constructor for ShapeAppearancePathSpec.

### Parameters
- `shapeAppearanceModel` (ShapeAppearanceModel) - Required - The shape appearance model.
- `path` (Path) - Required - The path to be drawn.
- `pathListener` (PathListener) - Optional - A listener for path events.
- `interpolation` (float) - Required - The interpolation factor.
- `bounds` (RectF) - Required - The bounds of the shape.
```

--------------------------------

### Implement ColorPickerDialog in MainActivity

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/color-picker-dialog.md

Demonstrates the full lifecycle of a color picker dialog, including button listeners, color envelope handling, and UI updates.

```kotlin
class MainActivity : AppCompatActivity() {

    private var selectedColor: Int = Color.WHITE

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        findViewById<Button>(R.id.selectColorButton).setOnClickListener {
            showColorPickerDialog()
        }
    }

    private fun showColorPickerDialog() {
        val builder = ColorPickerDialog.Builder(this)
            .setTitle("Select Color")
            .setPreferenceName("MainColorPicker")
            .setPositiveButton("Confirm", ColorEnvelopeListener { envelope, fromUser ->
                selectedColor = envelope.color
                updateUI(envelope)
            })
            .setNegativeButton("Cancel") { dialog, _ ->
                dialog.dismiss()
            }
            .attachAlphaSlideBar(true)
            .attachBrightnessSlideBar(true)
            .setBottomSpace(12)

        // Customize the ColorPickerView
        val colorPickerView = builder.colorPickerView
        colorPickerView.setFlagView(BubbleFlag(this).apply {
            flagMode = FlagMode.FADE
        })

        builder.show()
    }

    private fun updateUI(envelope: ColorEnvelope) {
        findViewById<View>(R.id.colorPreview).setBackgroundColor(envelope.color)
        findViewById<TextView>(R.id.hexCodeText).text = "#${envelope.hexCode}"
    }
}
```

--------------------------------

### Initialize ColorPickerDialog

Source: https://github.com/skydoves/colorpickerview/blob/main/README.md

Use the Builder pattern to configure and display a color selection dialog with optional alpha and brightness sliders.

```java
new ColorPickerDialog.Builder(this)
      .setTitle("ColorPicker Dialog")
      .setPreferenceName("MyColorPickerDialog")
      .setPositiveButton(getString(R.string.confirm),
          new ColorEnvelopeListener() {
              @Override
              public void onColorSelected(ColorEnvelope envelope, boolean fromUser) {
                  setLayoutColor(envelope);
              }
          })
       .setNegativeButton(getString(R.string.cancel),
          new DialogInterface.OnClickListener() {
              @Override
              public void onClick(DialogInterface dialogInterface, int i) {
                  dialogInterface.dismiss();
              }
           })
      .attachAlphaSlideBar(true) // the default value is true.
      .attachBrightnessSlideBar(true)  // the default value is true.
      .setBottomSpace(12) // set a bottom space between the last slidebar and buttons.
      .show();
```

--------------------------------

### Initialize and Use Color Picker View

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/alphatileview.md

Set up the ColorPickerView, AlphaSlideBar, and AlphaTileView in an Activity. Attach the alpha slider to the color picker and set a listener to receive color changes, updating the tile view and text displays with the selected color's hex and ARGB values.

```kotlin
class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val colorPickerView = findViewById<ColorPickerView>(R.id.colorPickerView)
        val alphaSlideBar = findViewById<AlphaSlideBar>(R.id.alphaSlideBar)
        val alphaTileView = findViewById<AlphaTileView>(R.id.alphaTileView)
        val hexCodeText = findViewById<TextView>(R.id.hexCodeText)
        val argbText = findViewById<TextView>(R.id.argbText)

        // Attach alpha slider to see transparency effect
        colorPickerView.attachAlphaSlider(alphaSlideBar)

        colorPickerView.setColorListener(ColorEnvelopeListener {
            envelope, fromUser ->
            // Update the AlphaTileView with the selected color
            alphaTileView.setPaintColor(envelope.color)

            // Update text displays
            hexCodeText.text = "#${envelope.hexCode}"
            val argb = envelope.argb
            argbText.text = "A:${argb[0]} R:${argb[1]} G:${argb[2]} B:${argb[3]}"
        })
    }
}
```

--------------------------------

### Show Basic ColorPickerDialog in Kotlin

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/color-picker-dialog.md

Demonstrates how to display a basic color picker dialog with title, preference name, and positive/negative buttons. Attach alpha and brightness sliders for enhanced control.

```kotlin
ColorPickerDialog.Builder(this)
    .setTitle("ColorPicker Dialog")
    .setPreferenceName("MyColorPickerDialog")
    .setPositiveButton("Confirm", ColorEnvelopeListener { envelope, fromUser ->
        setLayoutColor(envelope)
    })
    .setNegativeButton("Cancel") { dialogInterface, _ ->
        dialogInterface.dismiss()
    }
    .attachAlphaSlideBar(true)
    .attachBrightnessSlideBar(true)
    .setBottomSpace(12)
    .show()
```

--------------------------------

### Define Custom FlagView Layout

Source: https://github.com/skydoves/colorpickerview/blob/main/README.md

Create an XML layout file to define the visual structure of a custom FlagView.

```gradle
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="100dp"
    android:layout_height="40dp"
    android:background="@drawable/flag"
    android:orientation="horizontal">

    <com.skydoves.colorpickerview.AlphaTileView
        android:id="@+id/flag_color_layout"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_marginTop="6dp"
        android:layout_marginLeft="5dp"
        android:orientation="vertical"/>

    <TextView
        android:id="@+id/flag_color_code"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="6dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="5dp"
        android:textSize="14dp"
        android:textColor="@android:color/white"
        android:maxLines="1"
        android:ellipsize="end"
        android:textAppearance="?android:attr/textAppearanceSmall"
        tools:text="#ffffff"/>
</LinearLayout>
```

--------------------------------

### Set Initial Color (XML)

Source: https://github.com/skydoves/colorpickerview/blob/main/README.md

Define the initial color of the ColorPickerView using an XML attribute. This sets the starting color and positions the selector and slide bars accordingly. Note: This is compatible only with the default HSV palette and works once if a preference name is set.

```xml
app:initialColor="@color/colorPrimary"
```

--------------------------------

### Methods Reference

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/colorpickerview.md

A comprehensive list of available methods for interacting with the ColorPickerView.

```APIDOC
## Methods Reference

| Method                     | Return Type      | Description                                         |
|----------------------------|------------------|-----------------------------------------------------|
| `getColor()`               | `Int`            | Gets the last selected color.                       |
| `getColorEnvelope()`       | `ColorEnvelope`  | Gets the `ColorEnvelope` of the last selected color. |
| `setPaletteDrawable(Drawable)` | `void`           | Changes the palette drawable.                       |
| `setSelectorDrawable(Drawable)`| `void`           | Changes the selector drawable.                      |
| `setSelectorPoint(Int, Int)` | `void`           | Selects a specific coordinate on the palette.       |
| `selectByHsvColor(Int)`    | `void`           | Moves selector to match a specific color.           |
| `selectByHsvColorRes(Int)` | `void`           | Moves selector using a color resource.              |
| `setHsvPaletteDrawable()`  | `void`           | Resets to default HSV palette.                      |
| `selectCenter()`           | `void`           | Selects the center of the palette.                  |
| `setInitialColor(Int)`     | `void`           | Sets initial selector position by color.            |
| `setInitialColorRes(Int)`  | `void`           | Sets initial selector position by color resource.   |
| `setActionMode(ActionMode)`      | `void`           | Sets the listener trigger mode.                     |
| `setFlagView(FlagView)`    | `void`           | Sets a `FlagView` on the `ColorPickerView`.         |
| `attachAlphaSlider(AlphaSlideBar)` | `void` | Links an `AlphaSlideBar`.                           |
| `attachBrightnessSlider(BrightnessSlideBar)` | `void` | Links a `BrightnessSlideBar`.                       |
| `setEnabled(Boolean)`      | `void`           | Enables or disables the color picker.               |
| `setDebounceDuration(Long)`| `void`           | Sets the debounce duration in milliseconds.         |
```

--------------------------------

### Create ColorPickerView using Builder

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/getting-started.md

Initializes a ColorPickerView instance with various configuration options including listeners, preference names, and custom UI components.

```kotlin
val colorPickerView = ColorPickerView.Builder(context)
    .setColorListener(colorListener)
    .setPreferenceName("MyColorPicker")
    .setActionMode(ActionMode.LAST)
    .setAlphaSlideBar(alphaSlideBar)
    .setBrightnessSlideBar(brightnessSlideBar)
    .setFlagView(CustomFlag(context, R.layout.layout_flag))
    .setPaletteDrawable(ContextCompat.getDrawable(context, R.drawable.palette))
    .setSelectorDrawable(ContextCompat.getDrawable(context, R.drawable.selector))
    .build()
```

```java
ColorPickerView colorPickerView = new ColorPickerView.Builder(context)
    .setColorListener(colorListener)
    .setPreferenceName("MyColorPicker")
    .setActionMode(ActionMode.LAST)
    .setAlphaSlideBar(alphaSlideBar)
    .setBrightnessSlideBar(brightnessSlideBar)
    .setFlagView(new CustomFlag(context, R.layout.layout_flag))
    .setPaletteDrawable(ContextCompat.getDrawable(context, R.drawable.palette))
    .setSelectorDrawable(ContextCompat.getDrawable(context, R.drawable.selector))
    .build();
```

--------------------------------

### Initialize ColorPickerView and Set Listener (Kotlin/Java)

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/index.md

Find the ColorPickerView by its ID and set a listener to receive color change events. The listener provides color information in various formats.

```kotlin
val colorPickerView = findViewById<ColorPickerView>(R.id.colorPickerView)
colorPickerView.setColorListener(ColorEnvelopeListener { envelope, fromUser ->
    // Get color values
    val color = envelope.color
    val hexCode = envelope.hexCode
    val argb = envelope.argb
})
```

--------------------------------

### BrightnessSlideBar XML Configuration

Source: https://context7.com/skydoves/colorpickerview/llms.txt

Illustrates the XML declaration for a BrightnessSlideBar, specifying attributes for the selector, border color, and size. Also shows how to configure it for vertical orientation.

```xml
<com.skydoves.colorpickerview.sliders.BrightnessSlideBar
    android:id="@+id/brightnessSlideBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:selector_BrightnessSlider="@drawable/colorpickerview_wheel"
    app:borderColor_BrightnessSlider="@android:color/darker_gray"
    app:borderSize_BrightnessSlider="5" />
```

```xml
<com.skydoves.colorpickerview.sliders.BrightnessSlideBar
    android:id="@+id/brightnessSlideBar"
    android:layout_width="280dp"
    android:layout_height="wrap_content"
    android:rotation="90" />
```

--------------------------------

### BrightnessSlideBar API

Source: https://github.com/skydoves/colorpickerview/blob/main/colorpickerview/src/main/generated/baselineProfiles/baseline-prof.txt

Documentation for the BrightnessSlideBar component.

```APIDOC
## BrightnessSlideBar

### Description
A slider component for adjusting the brightness of a selected color. (Note: Specific methods are not detailed in the provided text, but it inherits from AbstractSlider.)
```

--------------------------------

### Implement ColorPickerDialog

Source: https://context7.com/skydoves/colorpickerview/llms.txt

Use the Builder pattern to create and customize color selection dialogs with optional sliders.

```java
// Basic ColorPickerDialog
new ColorPickerDialog.Builder(this)
    .setTitle("ColorPicker Dialog")
    .setPreferenceName("MyColorPickerDialog")
    .setPositiveButton(getString(R.string.confirm),
        new ColorEnvelopeListener() {
            @Override
            public void onColorSelected(ColorEnvelope envelope, boolean fromUser) {
                // Handle selected color
                int selectedColor = envelope.getColor();
                String hexCode = envelope.getHexCode();
            }
        })
    .setNegativeButton(getString(R.string.cancel),
        new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialogInterface, int i) {
                dialogInterface.dismiss();
            }
        })
    .attachAlphaSlideBar(true)
    .attachBrightnessSlideBar(true)
    .setBottomSpace(12)
    .show();

// Customize the ColorPickerView within the dialog
ColorPickerDialog.Builder builder = new ColorPickerDialog.Builder(this)
    .setTitle("Select Color")
    .setPositiveButton("OK", colorEnvelopeListener)
    .setNegativeButton("Cancel", dismissListener);

// Access and customize the ColorPickerView
ColorPickerView colorPickerView = builder.getColorPickerView();
colorPickerView.setFlagView(new CustomFlag(this, R.layout.layout_flag));
colorPickerView.setInitialColor(Color.RED);
colorPickerView.setPaletteDrawable(ContextCompat.getDrawable(this, R.drawable.my_palette));

builder.show();

// Simple dialog without sliders
new ColorPickerDialog.Builder(this)
    .setTitle("Simple Color Picker")
    .setPositiveButton("OK", colorEnvelopeListener)
    .setNegativeButton("Cancel", dismissListener)
    .attachAlphaSlideBar(false)
    .attachBrightnessSlideBar(false)
    .show();
```

--------------------------------

### PowerMenu.Builder

Source: https://github.com/skydoves/colorpickerview/blob/main/app/src/release/generated/baselineProfiles/baseline-prof.txt

Builder class for constructing and configuring PowerMenu instances.

```APIDOC
## PowerMenu.Builder

### Description
Facilitates the creation and customization of PowerMenu objects.

### Constructor
- `Builder(Context context)`

### Methods
- `build()`: Constructs the PowerMenu instance.
- `setAnimation(MenuAnimation animation)`: Sets the animation for the menu.
- `setBackgroundColor(int color)`: Sets the background color.
- `setCircularFlowAnimation(int circularFlowAnimation)`: Sets a circular flow animation.
- `setCircularRevealAnimation(int circularRevealAnimation)`: Sets a circular reveal animation.
- `setDividerColor(int dividerColor)`: Sets the color of the dividers between items.
- `setDividerHeight(int dividerHeight)`: Sets the height of the dividers.
- `setHeaderView(View headerView)`: Sets a custom header view.
- `setIconSize(int iconSize)`: Sets the size of icons in the menu items.
- `setLifecycleOwner(LifecycleOwner lifecycleOwner)`: Sets the lifecycle owner for the menu.
- `setMenuColor(int color)`: Sets the menu's background color.
- `setMenuRadius(float radius)`: Sets the radius of the menu's corners.
- `setMenuShadow(float shadow)`: Sets the shadow effect for the menu.
- `setOnMenuItemClickListener(OnMenuItemClickListener listener)`: Sets the listener for menu item clicks.
- `setPadding(int padding)`: Sets the padding for the menu.
- `setSelectedEffect(boolean selected)`: Enables or disables selection effects.
- `setShowBackground(boolean show)`: Controls the visibility of the menu's background.
- `setTextGravity(int textGravity)`: Sets the text alignment gravity.
- `setTextColor(int color)`: Sets the text color.
- `setTouchInterceptor(View.OnTouchListener touchInterceptor)`: Sets a touch interceptor.
- `setTypeface(Typeface typeface)`: Sets a custom typeface for the text.
- `setWidth(int width)`: Sets the width of the menu.
```

--------------------------------

### MenuBaseAdapter

Source: https://github.com/skydoves/colorpickerview/blob/main/app/src/release/generated/baselineProfiles/baseline-prof.txt

Base adapter for PowerMenu list views, providing fundamental list management.

```APIDOC
## MenuBaseAdapter

### Description
Base adapter for managing items in a PowerMenu's list view.

### Constructor
- `MenuBaseAdapter(ListView listView)`

### Methods
- `addItemList(List<?> items)`: Adds a list of items to the adapter.
- `getCount()`: Returns the number of items in the adapter.
```

--------------------------------

### AbstractPowerMenu Methods

Source: https://github.com/skydoves/colorpickerview/blob/main/app/src/release/generated/baselineProfiles/baseline-prof.txt

Methods available on the AbstractPowerMenu class for configuring menu behavior and appearance.

```APIDOC
## AbstractPowerMenu Methods

### Description
Provides methods to control focus, header view, clipping, lifecycle, radius, shadow, item click listener, background visibility, and touch interception for the PowerMenu.

### Methods
- `setFocusable(boolean focusable)`
- `setHeaderView(View headerView)`
- `setIsClipping(boolean clipping)`
- `setLifecycleOwner(LifecycleOwner lifecycleOwner)`
- `setMenuRadius(float radius)`
- `setMenuShadow(float shadow)`
- `setOnMenuItemClickListener(OnMenuItemClickListener listener)`
- `setShowBackground(boolean show)`
- `setTouchInterceptor(View.OnTouchListener touchInterceptor)`
```

--------------------------------

### ShapeAppearanceModel Builder Methods

Source: https://github.com/skydoves/colorpickerview/blob/main/app/src/release/generated/baselineProfiles/baseline-prof.txt

Methods for building and customizing ShapeAppearanceModel instances, including setting corner sizes.

```APIDOC
## ShapeAppearanceModel$Builder Methods

### Description
Methods for building and customizing ShapeAppearanceModel instances, including setting corner sizes.

### Methods
- `build()`: Builds the ShapeAppearanceModel.
- `setBottomLeftCornerSize(CornerSize)`: Sets the size of the bottom-left corner.
- `setBottomRightCornerSize(CornerSize)`: Sets the size of the bottom-right corner.
- `setTopLeftCornerSize(CornerSize)`: Sets the size of the top-left corner.
- `setTopRightCornerSize(CornerSize)`: Sets the size of the top-right corner.
```

--------------------------------

### Select Color and Set Custom Palette

Source: https://context7.com/skydoves/colorpickerview/llms.txt

Demonstrates selecting specific colors by HSV value, setting a custom palette from a drawable, resetting to default, and setting a palette from a gallery image. Requires READ_EXTERNAL_STORAGE permission for gallery images.

```java
colorPickerView.selectByHsvColor(Color.RED);
colorPickerView.selectByHsvColorRes(R.color.colorPrimary);
```

```java
Drawable customPalette = ContextCompat.getDrawable(this, R.drawable.my_palette);
colorPickerView.setPaletteDrawable(customPalette);
```

```java
colorPickerView.setHsvPaletteDrawable();
```

```java
final Uri imageUri = data.getData();
final InputStream imageStream = getContentResolver().openInputStream(imageUri);
final Bitmap selectedImage = BitmapFactory.decodeStream(imageStream);
Drawable drawable = new BitmapDrawable(getResources(), selectedImage);
colorPickerView.setPaletteDrawable(drawable);
```

```java
colorPickerView.setSelectorPoint(120, 120);
colorPickerView.selectCenter();
```

--------------------------------

### ColorPickerView Methods

Source: https://github.com/skydoves/colorpickerview/blob/main/README.md

Provides a comprehensive list of methods available for the ColorPickerView, detailing their functionality, return types, and descriptions.

```APIDOC
## ColorPickerView Methods

### Methods

| Method Signature | Return Type | Description |
|---|---|---|
| `getColor()` | `int` | Gets the last selected color. |
| `getColorEnvelope()` | `ColorEnvelope` | Gets the `ColorEnvelope` of the last selected color. |
| `setPaletteDrawable(Drawable drawable)` | `void` | Changes palette drawable manually. |
| `setSelectorDrawable(Drawable drawable)` | `void` | Changes selector drawable manually. |
| `setSelectorPoint(int x, int y)` | `void` | Selects the specific coordinate of the palette manually. |
| `selectByHsvColor(@ColorInt int color)` | `void` | Changes selector's selected point by a specific color. |
| `selectByHsvColorRes(@ColorRes int resource)` | `void` | Changes selector's selected point by a specific color using a color resource. |
| `setHsvPaletteDrawable()` | `void` | Changes the palette drawable as the default drawable (ColorHsvPalette). |
| `selectCenter()` | `void` | Selects the center of the palette manually. |
| `setInitialColor(@ColorInt int color)` | `void` | Changes selector's selected point by a specific color initially. |
| `setInitialColorRes(@ColorRes int resource)` | `void` | Changes selector's selected point by a specific color initially using a color resource. |
| `setActionMode(ActionMode)` | `void` | Sets the color listener's trigger action mode. |
| `setFlagView(FlagView flagView)` | `void` | Sets `FlagView` on `ColorPickerView`. |
| `attachAlphaSlider()` | `void` | Links an `AlphaSlideBar` to the `ColorPickerView`. |
| `attachBrightnessSlider()` | `void` | Links a `BrightnessSlideBar` to the `ColorPickerView`.
```

--------------------------------

### ShapeAppearancePathProvider Methods

Source: https://github.com/skydoves/colorpickerview/blob/main/app/src/release/generated/baselineProfiles/baseline-prof.txt

Methods for calculating and manipulating paths based on ShapeAppearanceModel.

```APIDOC
## ShapeAppearancePathProvider Methods

### Description
Methods for calculating and manipulating paths based on ShapeAppearanceModel.

### Methods
- `ShapeAppearancePathProvider()`: Constructor.
- `angleOfEdge(int)`: Gets the angle of an edge.
- `appendCornerPath(ShapeAppearancePathSpec, int)`: Appends a corner path.
- `appendEdgePath(ShapeAppearancePathSpec, int)`: Appends an edge path.
- `calculatePath(ShapeAppearanceModel, float, RectF, Path)`: Calculates the path.
- `calculatePath(ShapeAppearanceModel, float, RectF, PathListener, Path)`: Calculates the path with a listener.
- `getCoordinatesOfCorner(int, RectF, PointF)`: Gets the coordinates of a corner.
- `getCornerSizeForIndex(int, ShapeAppearanceModel)`: Gets the corner size for a given index.
- `getCornerTreatmentForIndex(int, ShapeAppearanceModel)`: Gets the corner treatment for a given index.
- `getEdgeCenterForIndex(RectF, int)`: Gets the center of an edge.
- `getEdgeTreatmentForIndex(int, ShapeAppearanceModel)`: Gets the edge treatment for a given index.
- `getInstance()`: Gets the singleton instance of ShapeAppearancePathProvider.
- `pathOverlapsCorner(Path, int)`: Checks if a path overlaps a corner.
- `setCornerPathAndTransform(ShapeAppearancePathSpec, int)`: Sets the corner path and transform.
- `setEdgePathAndTransform(int)`: Sets the edge path and transform.
```

--------------------------------

### Create ColorPickerView using Builder

Source: https://github.com/skydoves/colorpickerview/blob/main/README.md

Instantiate ColorPickerView using its Builder class, allowing for fluent configuration of various properties such as listeners, preferences, modes, and visual components like slide bars and flag views.

```java
ColorPickerView colorPickerView = new ColorPickerView.Builder(context)
      .setColorListener(colorListener)
      .setPreferenceName("MyColorPicker")
      .setActionMode(ActionMode.LAST)
      .setAlphaSlideBar(alphaSlideBar)
      .setBrightnessSlideBar(brightnessSlideBar)
      .setFlagView(new CustomFlag(context, R.layout.layout_flag))
      .setPaletteDrawable(ContextCompat.getDrawable(context, R.drawable.palette))
      .setSelectorDrawable(ContextCompat.getDrawable(context, R.drawable.selector))
      .build();
```

--------------------------------

### Configure Gallery Permissions and Intent

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/colorpickerview.md

Required manifest permission and intent configuration to access gallery images for palette selection.

```xml
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
```

```kotlin
val photoPickerIntent = Intent(Intent.ACTION_PICK)
photoPickerIntent.type = "image/*"
startActivityForResult(photoPickerIntent, REQUEST_CODE_GALLERY)
```

--------------------------------

### LifecycleDispatcher API

Source: https://github.com/skydoves/colorpickerview/blob/main/app/src/release/generated/baselineProfiles/baseline-prof.txt

Methods for initializing and managing the LifecycleDispatcher.

```APIDOC
## LifecycleDispatcher API

### Description
Provides methods for initializing and managing the lifecycle dispatcher.

### Methods

#### `init(Context context)`
Initializes the LifecycleDispatcher.

- **Parameters**:
  - `context` (Context) - Required - The application context.

### Classes

- `LifecycleDispatcher$DispatcherActivityCallback`
```

--------------------------------

### Apache License 2.0

Source: https://github.com/skydoves/colorpickerview/blob/main/README.md

The project is licensed under the Apache License, Version 2.0.

```xml
Copyright 2017 skydoves (Jaewoong Eum)

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.
```

--------------------------------

### Basic ColorListener Implementation

Source: https://context7.com/skydoves/colorpickerview/llms.txt

Implement a basic ColorListener to receive integer color values and a flag indicating if the change originated from user interaction.

```java
// Basic ColorListener - receives integer color and fromUser flag
colorPickerView.setColorListener(new ColorListener() {
    @Override
    public void onColorSelected(int color, boolean fromUser) {
        LinearLayout linearLayout = findViewById(R.id.linearLayout);
        linearLayout.setBackgroundColor(color);
    }
});
```

--------------------------------

### ProcessLifecycleInitializer API

Source: https://github.com/skydoves/colorpickerview/blob/main/app/src/release/generated/baselineProfiles/baseline-prof.txt

Initializes the process lifecycle owner.

```APIDOC
## ProcessLifecycleInitializer API

### Description
Initializes the `ProcessLifecycleOwner`, which manages the lifecycle of the entire application process.

### Methods

#### `create(Context context)`
Creates the `ProcessLifecycleOwner`.

#### `dependencies()`
Returns the list of dependencies for the initializer.
```

--------------------------------

### Show Basic ColorPickerDialog in Java

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/color-picker-dialog.md

Illustrates the usage of ColorPickerDialog in Java, including setting the title, preference name, and defining listeners for positive and negative buttons. Alpha and brightness sliders are enabled by default.

```java
new ColorPickerDialog.Builder(this)
    .setTitle("ColorPicker Dialog")
    .setPreferenceName("MyColorPickerDialog")
    .setPositiveButton(getString(R.string.confirm),
        new ColorEnvelopeListener() {
            @Override
            public void onColorSelected(ColorEnvelope envelope, boolean fromUser) {
                setLayoutColor(envelope);
            }
        })
    .setNegativeButton(getString(R.string.cancel),
        new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialogInterface, int i) {
                dialogInterface.dismiss();
            }
        })
    .attachAlphaSlideBar(true)
    .attachBrightnessSlideBar(true)
    .setBottomSpace(12)
    .show()
```

--------------------------------

### Define Custom Flag Layout

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/flagview.md

Create an XML layout file for a custom flag view.

```xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="100dp"
    android:layout_height="40dp"
    android:background="@drawable/flag"
    android:orientation="horizontal">

    <com.skydoves.colorpickerview.AlphaTileView
        android:id="@+id/flag_color_layout"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_marginTop="6dp"
        android:layout_marginLeft="5dp"
        android:orientation="vertical" />

    <TextView
        android:id="@+id/flag_color_code"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="6dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="5dp"
        android:textSize="14sp"
        android:textColor="@android:color/white"
        android:maxLines="1"
        android:ellipsize="end"
        android:textAppearance="?android:attr/textAppearanceSmall"
        tools:text="#ffffff" />

</LinearLayout>
```

--------------------------------

### Implement Custom FlagView Class

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/flagview.md

Extend the FlagView class to handle custom UI updates when the color changes.

```kotlin
class CustomFlag(context: Context, layout: Int) : FlagView(context, layout) {

    private val textView: TextView = findViewById(R.id.flag_color_code)
    private val alphaTileView: AlphaTileView = findViewById(R.id.flag_color_layout)

    override fun onRefresh(colorEnvelope: ColorEnvelope) {
        textView.text = "#${colorEnvelope.hexCode}"
        alphaTileView.setPaintColor(colorEnvelope.color)
    }
}
```

```java
public class CustomFlag extends FlagView {

    private TextView textView;
    private AlphaTileView alphaTileView;

    public CustomFlag(Context context, int layout) {
        super(context, layout);
        textView = findViewById(R.id.flag_color_code);
        alphaTileView = findViewById(R.id.flag_color_layout);
    }

    @Override
    public void onRefresh(ColorEnvelope colorEnvelope) {
        textView.setText("#" + colorEnvelope.getHexCode());
        alphaTileView.setPaintColor(colorEnvelope.getColor());
    }
}
```

--------------------------------

### PowerMenu

Source: https://github.com/skydoves/colorpickerview/blob/main/app/src/release/generated/baselineProfiles/baseline-prof.txt

The main PowerMenu class, responsible for creating and displaying the menu.

```APIDOC
## PowerMenu

### Description
Represents and manages the PowerMenu UI component.

### Constructor
- `PowerMenu(Context context, AbstractMenuBuilder builder)`

### Methods
- `getMenuCard(Boolean isOutsideTouch)`: Retrieves the menu's CardView.
- `getMenuList(Boolean isOutsideTouch)`: Retrieves the menu's ListView.
- `getMenuRoot(Boolean isOutsideTouch)`: Retrieves the root view of the menu.
- `initialize(Context context, Boolean isOutsideTouch)`: Initializes the PowerMenu.
- `setMenuColor(int color)`: Sets the background color of the menu.
- `setSelectedEffect(boolean selected)`: Enables or disables visual effects for selected items.
- `setTextColor(int color)`: Sets the text color for menu items.
```

--------------------------------

### Create Custom FlagView

Source: https://context7.com/skydoves/colorpickerview/llms.txt

Define a custom layout and extend the FlagView class to display specific color data.

```xml
<!-- res/layout/layout_flag.xml -->
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="100dp"
    android:layout_height="40dp"
    android:background="@drawable/flag"
    android:orientation="horizontal">

    <com.skydoves.colorpickerview.AlphaTileView
        android:id="@+id/flag_color_layout"
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_marginTop="6dp"
        android:layout_marginLeft="5dp" />

    <TextView
        android:id="@+id/flag_color_code"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="6dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="5dp"
        android:textSize="14sp"
        android:textColor="@android:color/white"
        android:maxLines="1"
        android:ellipsize="end"
        tools:text="#ffffff" />
</LinearLayout>
```

```java
// CustomFlag.java
public class CustomFlag extends FlagView {

    private TextView textView;
    private AlphaTileView alphaTileView;

    public CustomFlag(Context context, int layout) {
        super(context, layout);
        textView = findViewById(R.id.flag_color_code);
        alphaTileView = findViewById(R.id.flag_color_layout);
    }

    @Override
    public void onRefresh(ColorEnvelope colorEnvelope) {
        textView.setText("#" + colorEnvelope.getHexCode());
        alphaTileView.setPaintColor(colorEnvelope.getColor());
    }
}

// Set the custom FlagView
colorPickerView.setFlagView(new CustomFlag(this, R.layout.layout_flag));
```

--------------------------------

### ActionMode Configuration

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/colorpickerview.md

Controls when the ColorListener is invoked based on user interaction.

```APIDOC
## ActionMode Configuration

`ActionMode` determines the trigger for `ColorListener` invocation.

### Modes

| Mode   | Description                                       |
|--------|---------------------------------------------------|
| `ALWAYS` | Invoked on every touch event (down, move, up). (Default) |
| `LAST`   | Invoked only when the finger is released.         |

### Setting ActionMode

#### Method

```kotlin
colorPickerView.setActionMode(mode: ActionMode)
```

#### Example

```kotlin
// Invoke listener only when finger is released
colorPickerView.setActionMode(ActionMode.LAST)

// Invoke listener on every touch event (default)
colorPickerView.setActionMode(ActionMode.ALWAYS)
```
```

--------------------------------

### Implement ColorListener

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/getting-started.md

Handle color selection events triggered by user interaction or programmatic selection.

```kotlin
colorPickerView.setColorListener { color, fromUser ->
    linearLayout.setBackgroundColor(color)
}
```

```java
colorPickerView.setColorListener(new ColorListener() {
    @Override
    public void onColorSelected(int color, boolean fromUser) {
        linearLayout.setBackgroundColor(color);
    }
});
```

--------------------------------

### ColorPickerView Builder for Programmatic Creation

Source: https://context7.com/skydoves/colorpickerview/llms.txt

Create and configure a ColorPickerView instance programmatically using the Builder pattern, setting listeners, preferences, sliders, flag views, and drawables.

```java
ColorPickerView colorPickerView = new ColorPickerView.Builder(context)
    .setColorListener(new ColorEnvelopeListener() {
        @Override
        public void onColorSelected(ColorEnvelope envelope, boolean fromUser) {
            // Handle color selection
        }
    })
    .setPreferenceName("MyColorPicker")
    .setActionMode(ActionMode.LAST)
    .setAlphaSlideBar(alphaSlideBar)
    .setBrightnessSlideBar(brightnessSlideBar)
    .setFlagView(new CustomFlag(context, R.layout.layout_flag))
    .setPaletteDrawable(ContextCompat.getDrawable(context, R.drawable.palette))
    .setSelectorDrawable(ContextCompat.getDrawable(context, R.drawable.selector))
    .setInitialColor(Color.RED)
    .setDebounceDuration(150)
    .build();

// Add to your layout
parentLayout.addView(colorPickerView);
```

--------------------------------

### Enable State Persistence for ColorPickerDialog

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/color-picker-dialog.md

Demonstrates how to enable automatic saving and restoring of the last selected color in ColorPickerDialog by providing a unique preference name.

```kotlin
ColorPickerDialog.Builder(this)
    .setTitle("ColorPicker Dialog")
    .setPreferenceName("MyColorPickerDialog") // Enable state persistence
    .setPositiveButton("OK", ColorEnvelopeListener { envelope, _ ->
        // The selected color will be remembered
    })
    .setNegativeButton("Cancel") { dialog, _ -> dialog.dismiss() }
    .show()
```

--------------------------------

### Activity Main Layout XML

Source: https://context7.com/skydoves/colorpickerview/llms.txt

This XML defines the layout for the main activity, including the ColorPickerView, AlphaSlideBar, BrightnessSlideBar, AlphaTileView, and a TextView for displaying the hex code. It sets up the basic structure and appearance of these components.

```xml
<!-- res/layout/activity_main.xml -->
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <com.skydoves.colorpickerview.ColorPickerView
        android:id="@+id/colorPickerView"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_gravity="center_horizontal" />

    <com.skydoves.colorpickerview.sliders.AlphaSlideBar
        android:id="@+id/alphaSlideBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        app:borderColor_AlphaSlideBar="@android:color/darker_gray"
        app:borderSize_AlphaSlideBar="3" />

    <com.skydoves.colorpickerview.sliders.BrightnessSlideBar
        android:id="@+id/brightnessSlideBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        app:borderColor_BrightnessSlider="@android:color/darker_gray"
        app:borderSize_BrightnessSlider="3" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:orientation="horizontal">

        <com.skydoves.colorpickerview.AlphaTileView
            android:id="@+id/alphaTileView"
            android:layout_width="55dp"
            android:layout_height="55dp"
            app:tileSize="10" />

        <TextView
            android:id="@+id/hexCodeText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="16dp"

```

--------------------------------

### Attach and Control AlphaSlideBar

Source: https://context7.com/skydoves/colorpickerview/llms.txt

Demonstrates how to attach an AlphaSlideBar to the ColorPickerView programmatically and how to set its selector position.

```java
AlphaSlideBar alphaSlideBar = findViewById(R.id.alphaSlideBar);
colorPickerView.attachAlphaSlider(alphaSlideBar);
```

```java
alphaSlideBar.setSelectorPosition(0.5f);
```

--------------------------------

### Combine Alpha and Brightness Sliders

Source: https://github.com/skydoves/colorpickerview/blob/main/docs/sliders/brightness-slidebar.md

Integrate both AlphaSlideBar and BrightnessSlideBar into a layout and attach them to the ColorPickerView.

```xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res-auto"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

    <com.skydoves.colorpickerview.ColorPickerView
        android:id="@+id/colorPickerView"
        android:layout_width="300dp"
        android:layout_height="300dp" />

    <com.skydoves.colorpickerview.sliders.AlphaSlideBar
        android:id="@+id/alphaSlideBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp" />

    <com.skydoves.colorpickerview.sliders.BrightnessSlideBar
        android:id="@+id/brightnessSlideBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp" />

</LinearLayout>
```

```kotlin
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val colorPickerView = findViewById<ColorPickerView>(R.id.colorPickerView)
        val alphaSlideBar = findViewById<AlphaSlideBar>(R.id.alphaSlideBar)
        val brightnessSlideBar = findViewById<BrightnessSlideBar>(R.id.brightnessSlideBar)

        // Attach both sliders
        colorPickerView.attachAlphaSlider(alphaSlideBar)
        colorPickerView.attachBrightnessSlider(brightnessSlideBar)

        colorPickerView.setColorListener(ColorEnvelopeListener { envelope, fromUser ->
            // The color includes both alpha and brightness adjustments
            val finalColor = envelope.color
            val hexCode = envelope.hexCode
        })
    }
}
```