Kaaj Controls

[lainz]

Kaaj Controls

Download
https://github.com/bgrabitmap/kaajcontrols/releases

Git Repo
https://github.com/bgrabitmap/kaajcontrols

Installation
Open the lpk and add to your project, you need also installed fpgui and bgrabitmap for fpgui packages. Is recommended to use the 'develop' branch of fpgui.

Overview
Hi, this is a work in progress of a set of controls that uses BGRABitmap and fpGUI.

The result is a set of controls that can have focus and at the same time transparency: you can set the alpha value of most of them to see through them. (To do this you need to enable -AggCanvas option in fpgui package).

The default style is Photoshop, but you can override the paint method and style on your own.

Controls:
Kaaj Button
Kaaj ComboBox
Kaaj Edit
Kaaj Panel
Kaaj ProgressBar

Theme:
Kaaj Theme
CheckBox
RadioButton

Bugs:
There are memory leaks that I can't find, if you like these controls please help me on finding these!
There are some bugs on fpGUI like edit are not beign repainted at all, but it's already reported.

[circular]

It looks great 

[lainz]

It looks great 

We can do the same for Custom Drawn, but there is no working ComboBox for Windows... and also no transparency

[Okoba]

Happy to see Kaaj Controls here. Thanks Lainz, Thanks Circular.

[circular]

It is nice to see how you've put everything together Lainz. 

[mse]

Just in case you didn't know, MSEgui supports semi transparent widgets out of the box, even with fade, see attachment. The project is here:
https://gitlab.com/mseide-msegui/mseuniverse/tree/master/samples/widgets/semitransparent

[lainz]

It is nice to see how you've put everything together Lainz. 

Thanks to GitHub, the making of the organization was easy

Just in case you didn't know, MSEgui supports semi transparent widgets out of the box, even with fade, see attachment. The project is here:
https://gitlab.com/mseide-msegui/mseuniverse/tree/master/samples/widgets/semitransparent

Nice, another one to try! The style is really simple to achieve, only needs lines, rectangles and linear gradient.

[mse]

Nice, another one to try! The style is really simple to achieve, only needs lines, rectangles and linear gradient.

Cefou made something similar:
https://gitlab.com/mseide-msegui/mseuniverse/tree/master/skins/cefou/dark

[lainz]

Looks really well. Well we have a lot of alternatives already working!

[shobits1]

Is it possible to have something like VCL Styles Utils for skinning native controls?

Is it already done?

or are there any work in progress?

[lainz]

Is it possible to have something like VCL Styles Utils for skinning native controls?

Is it already done?

or are there any work in progress?

I think to skin native controls we should understand how the themes unit works and or widgetset.

I lost myself reading that units, is not simple for me.

[LuizAmérico]

Very nice.

How difficult is to create a theme to match Material Design?

Something like http://byrushan.com/projects/mae/1-0/ or http://themicon.co/theme/centric/v1.4.1/angularjs/#/app/dashboard ?

This would be a killer feature and would make think to switch to fpGui

[lainz]

Very nice.

How difficult is to create a theme to match Material Design?

Something like http://byrushan.com/projects/mae/1-0/ or http://themicon.co/theme/centric/v1.4.1/angularjs/#/app/dashboard ?

This would be a killer feature and would make think to switch to fpGui

You dont need fpGui but custom controls in this case. Mostly panels with lists and custom stuff. Of course if you need Focus and transparency at the same time you need fpGui or msegui.

But if you mean a normal desktop app (to menus, standar buytons) with that style is not hard and will not take much time to do since everything is a shape and a solid color. But if you want also the animations that comes with the Google material design can take a bit more but in fact you need only a timer For each instance to animate (the animations when you click a button For example).

Custom controls take more time than a single theme or theming already working stuff (like i did with this).

[lainz]

Very nice.

How difficult is to create a theme to match Material Design?

Something like http://byrushan.com/projects/mae/1-0/ or http://themicon.co/theme/centric/v1.4.1/angularjs/#/app/dashboard ?

This would be a killer feature and would make think to switch to fpGui

I'm working on it, please test here:
https://github.com/bgrabitmap/bgracontrols/tree/master/test/test_extra/material_design_animation