B4A Library [B4X] [XUI] AS Color Slider Advanced - a Snapchat like color picker

Hey,
i spend a lot of time in creating views, like this and to create a high quality view cost a lot of time. If you want to support me and further views, then you can do it here by Paypal.

Features

• cross-platform compatible
• set your own color palette as image
• slim and clean
• nice transition animation
• easy to use

Spoiler: Dependencies/Libraries you need for this view

B4j: jXUI,JavaObject,jBitmapCreator
B4a: XUi,Reflection,BitmapCreator
B4i: iXUI,iBitmapCreator

ASColorSliderAdvanced
Author: Alexander Stolte
Version: 1.00

• ASColorSliderAdvanced
  • Events:
    • ColorChanged (color As Int)
  • Fields:
    • bc As b4j.example.bitmapcreator
  • Functions:
    • Class_Globals As String
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map) As String
      Base type must be Object
    • getAnimationDuration As Int
    • Initialize (Callback As Object, EventName As String) As String
    • IsInitialized As Boolean
      Tests whether the object has been initialized.
    • setAnimationDuration (duration As Int) As String
    • setColorPaletteBitmap (palette As B4XBitmap) As String
  • Properties:
    • AnimationDuration As Int
    • ColorPaletteBitmap

Changelog

• 1.00
  • Release
• 1.01
  • add BaseView property
  • better handling if you swipe fast
  • touch area is now as wide as the circle

Have Fun

 

[Phayao]

Great work - as usual !

One suggestion from my side as amateur: it would be great if there would be a function "setColor" so that the slider can be set to a specific color by the program . For example a user selects a color for drawing and wants to change it a bit later, so the slider would start at the color of the selected object.
Does that make any sense ?

Greetings,
Chris

 

[Alexander Stolte]

then the user can set the slider to this color? or is it about being able to set a specific color at the beginning? But if this color does not exist in your palette, then he will not be able to return to this color.

 

[Alexander Stolte]

Update

• V1.01
  • add BaseView property
  • better handling if you swipe fast
  • touch area is now as wide as the circle

 

[adriano.freitas]

Good Job!
Two suggestions:

1) that you can choose between horizontal and vertical position
2) Adding Alpha, for example, it is currently not possible to choose grayscale or pale color tones.

 

[Alexander Stolte]

2) Adding Alpha, for example, it is currently not possible to choose grayscale or pale color tones.

you can add whatever you want to the palette, it just has to be an image. But I think that is not possible to pack an alpha value in a picture. Paint apps surely have their own slider with a value for that.

 

[adriano.freitas]

Thank you very much for the answer, however, in my case, I really need the alpha, so I'll have to look for another solution.