BGRA Controls

[lainz]

Thankyou!

I've implemented the BGRA SVG Image List, is not compatible with TImageList, but it will be useful for new SVG controls.

[lainz]

Posting here to see my new SVG avatar. Looks really nice.
Hope we can release soon the svg controls are ready to use. I'm not using them but maybe I can use that in some project some day.

[circular]

I am fixing a few things related to coordinates. That's so complicated. 

But I think I am close to getting it right.

[lainz]

I found some other thing not sure if related. When I create 1px border with inkscape is not 1px in the svg controls. But it is 1px in chrome.

I think it has to do with the units and the zoom factor. I need to change it as I shown in the github issue to work fine.

It's easy to test just create a new inkscape document with the default settings then draw a rectangle with a border of 1px. Align to perfect pixel coordinates so there is no antialiasing when drawn. In chrome its 1px, when drawn by bgrabitmap is not 1px is blurred.

Edit: tested it right now and seems that you already fixed it, cool so no extra inkscape settings to setup now, the units can be in millimeters or any.

[Okoba]

I think an excellent use case will be LazPaint.

[lainz]

New BGRA Controls v7.1
https://github.com/bgrabitmap/bgracontrols/releases/tag/v7.1

Repository:
- Fix gitignore for macOS

Button:
- BCButton fix loading from json
- BCButton image list for retina display and glyph for retina display

ComboBox:
- BCComboBox fixes for macOS

SVG Themes:
- Added SVG Theme
- Added SVG Image List
- Fix ThemeButton applied style in special cases

BCButton is now more retina display compatible, continuing the retina changes from the last release.

Now we have SVG Themes: button, checkbox and radiobutton. You can customize the theme with your own SVG's, color and size properties. Full retina / high dpi compatible.

The new image list can be used with the ThemeButton component to have SVG icon. As well you can draw to canvas or get the bitmap. Full retina / high dpi compatible.

It requires BGRABitmap v11.3

[circular]

That's great 

Vector power 

[lainz]

That's great 

Vector power 

Yes is really nice. Also I just tested and I'm using an image embedded in the SVG file as well for the button, so it works for checkbox and radiobutton as well =) We have the image theme and the SVG theme all in one.

[circular]

Indeed. 

[lainz]

A tutorial about BGRAControls I found on YouTube:

Spanish version
https://www.youtube.com/watch?v=ZMKV4r4XvGU&t

Portuguese version
https://www.youtube.com/watch?v=NNbE557ZOgw

Is to create a glass like panel with BGRAGraphicControl and using anchors to move the controls when you move the BGRAGraphicControl.

[circular]

Great 

That's a good use of anchors to controls.

[lainz]

I had no idea about that anchor feature.

[circular]

Basically it is a bit like Anchors (akLeft, akTop etc.) but you can specify a control instead of the form border.

[lucamar]

Basically it is a bit like Anchors (akLeft, akTop etc.) but you can specify a control instead of the form border.

That's how normal Anchors work too, isn't it? Only you have to use either the Anchor Editor or set it in code (with AnchorSideTop/-Left/-Right/-Bottom, or AnchorSide[], etc.)

Excuse me if that was what you were referring to; it was not clear for me (I can be a little slow at times ).

[lainz]

Yes I think we're talking about 2 different properties.
https://wiki.freepascal.org/Anchor_Sides

Like Anchors (akLeft akTop) and AnchorSide (that uses akLeft akTop as well, but it uses a control).