ColorPicker

HarmonyOS library that allows us to pick a color from a color palette.

Source

This library is inspired by ColorPicker library.

Features

This library allows user to select a color from the palette.
User can also add different colors to the palette as per his wish.
Also allows the user to set the default selected color.
User can also set the title of the dialog.

Dependency

For using ColorPicker module in sample app, include the source code and add the below dependencies in entry/build.gradle to generate hap/colorpicker.har.

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])
    testImplementation 'junit:junit:4.13'
    implementation project(':colorpicker')
}

For using ColorPicker in separate application using har file, add the har file in the entry/libs folder and add the dependencies in entry/build.gradle file.

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.har'])
    testImplementation 'junit:junit:4.13'
}

For using ColorPicker from a remote repository in separate application, add the below dependencies in entry/build.gradle file.

dependencies {
    implementation 'dev.applibgroup:colorpicker:1.0.0'
    testCompile 'junit:junit:4.13'
}

Usage

The usage of this library is very simple. In the main ability slice, Create an object of ColorPickerDialog. Then initialize it by passing the titleId (for the dialog title), colors (that will be displayed on the palette), the default selected color, number of columns of the palette and the size of the swatch (ColorPickerPalette.SMALL_SWATCH for small size and ColorPickerPalette.LARGE_SWATCH for large size)

The selected color from the palette can be retrieved using setOnColorSelectedListener.

@Override
public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);
        int numColumns = 3;
        final ColorPickerDialog colorPickerDialog = new ColorPickerDialog(this);
        colorPickerDialog.initialize(ResourceTable.String_dialog_title, new RgbColor[] { RgbPalette.CYAN, RgbPalette
                .LIGHT_GRAY, RgbPalette.BLACK, RgbPalette.BLUE, RgbPalette.GREEN, RgbPalette.MAGENTA, RgbPalette
                .RED, RgbPalette.GRAY, RgbPalette.YELLOW }, RgbPalette.YELLOW, numColumns, ColorPickerPalette
                .SMALL_SWATCH);
        colorPickerDialog.setOnColorSelectedListener(color -> new ToastDialog(MainAbilitySlice.this)
                .setText("selectedColor : " + color.asArgbInt()).show());
        Button showbtn = (Button) findComponentById(ResourceTable.Id_button);
        showbtn.setClickedListener(component -> colorPickerDialog.show());
}

License