Re: [MSEide-MSEgui-talk] FontAwesome icons - size regression

[Krzysztof]

Perfect!!

--
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial!
https://ad.doubleclick.net/ddm/clk/302982198;130105516;z
___
mseide-msegui-talk mailing list
mseide-msegui-talk@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/mseide-msegui-talk

Re: [MSEide-MSEgui-talk] FontAwesome icons - size regression

[Martin Schreiber]

On Thursday 14 April 2016 09:56:51 Martin Schreiber wrote:
> On Thursday 14 April 2016 09:43:33 Krzysztof wrote:
> > 2016-04-14 9:14 GMT+02:00 Martin Schreiber :
> > > Currently MSEgui has no support for rotating bitmaps.
> >
> > But if FontAwesome is icon then can't it be done on font level? I
> > mean, I'm not familiar on such low level but I see that caption flags
> > has f_rotate90.
>
> Yup, probably freetype can do the transformation while rasterizing the
> glyph. I'll take a look.
>
git master 67e6cf80e4fb391bd756df0ad93918c6c5ea4c28
"
function getglyph(const abitmap: tmaskedbitmap; const achar: card32;
const arotation: real; //0.0..1.0 -> 0..360deg CCW
 const aframe: framety; //padding
const acolor: colorty = cl_text): boolean;
"
Martin

--
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial!
https://ad.doubleclick.net/ddm/clk/302982198;130105516;z
___
mseide-msegui-talk mailing list
mseide-msegui-talk@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/mseide-msegui-talk

Re: [MSEide-MSEgui-talk] FontAwesome icons - size regression

[Martin Schreiber]

On Thursday 14 April 2016 09:43:33 Krzysztof wrote:
> 2016-04-14 9:14 GMT+02:00 Martin Schreiber :
> > Currently MSEgui has no support for rotating bitmaps.
>
> But if FontAwesome is icon then can't it be done on font level? I
> mean, I'm not familiar on such low level but I see that caption flags
> has f_rotate90.
>
Yup, probably freetype can do the transformation while rasterizing the glyph. 
I'll take a look.

> > Please use AggPas or another image library.
>
> Does MSEgui have own AggPas fork? 

No.

Martin

--
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial!
https://ad.doubleclick.net/ddm/clk/302982198;130105516;z
___
mseide-msegui-talk mailing list
mseide-msegui-talk@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/mseide-msegui-talk

Re: [MSEide-MSEgui-talk] FontAwesome icons - size regression

[Krzysztof]

2016-04-14 9:14 GMT+02:00 Martin Schreiber :
> Currently MSEgui has no support for rotating bitmaps.

But if FontAwesome is icon then can't it be done on font level? I
mean, I'm not familiar on such low level but I see that caption flags
has f_rotate90.

> Please use AggPas or another image library.

Does MSEgui have own AggPas fork? IIRC, original AggPas for Lazarus is
buggy (especially on 64bit). Also in fpGUI, Graeme created own fixed
fork

> TIcon from tab 'Widgets' has animation support, please see anim_* properties.

Thanks!

--
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial!
https://ad.doubleclick.net/ddm/clk/302982198;130105516;z
___
mseide-msegui-talk mailing list
mseide-msegui-talk@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/mseide-msegui-talk

Re: [MSEide-MSEgui-talk] FontAwesome icons - size regression

[Martin Schreiber]

On Wednesday 13 April 2016 18:57:19 Krzysztof wrote:
> Could you also add "rotate" option? I think that then we can create
> set of images and create sprite animation for spinners. Look at
> "spinner" section https://fortawesome.github.io/Font-Awesome/icons/

Currently MSEgui has no support for rotating bitmaps. Please use AggPas or 
another image library.

> BTW: Is there any component or example for sprite animation? In
> mseuniverse found only blendanimation example. I guess that I can just
> drop TTimer and increment imagenr of any TImageList widget
>
TIcon from tab 'Widgets' has animation support, please see anim_* properties.

Martin

--
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial!
https://ad.doubleclick.net/ddm/clk/302982198;130105516;z
___
mseide-msegui-talk mailing list
mseide-msegui-talk@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/mseide-msegui-talk

Re: [MSEide-MSEgui-talk] FontAwesome icons - size regression

[Krzysztof]

Could you also add "rotate" option? I think that then we can create
set of images and create sprite animation for spinners. Look at
"spinner" section https://fortawesome.github.io/Font-Awesome/icons/
BTW: Is there any component or example for sprite animation? In
mseuniverse found only blendanimation example. I guess that I can just
drop TTimer and increment imagenr of any TImageList widget

--
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial!
https://ad.doubleclick.net/ddm/clk/302982198;130105516;z
___
mseide-msegui-talk mailing list
mseide-msegui-talk@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/mseide-msegui-talk

Re: [MSEide-MSEgui-talk] FontAwesome icons - size regression

[Krzysztof]

2016-04-13 18:08 GMT+02:00 Martin Schreiber :
> f.left := 1;
> f.top := 0;
> f.right := 0;
> f.bottom := -2;

Indeed that is better. Result same (or even better) and bitmap smaller. Thanks

--
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial!
https://ad.doubleclick.net/ddm/clk/302982198;130105516;z
___
mseide-msegui-talk mailing list
mseide-msegui-talk@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/mseide-msegui-talk

Re: [MSEide-MSEgui-talk] FontAwesome icons - size regression

[Martin Schreiber]

On Wednesday 13 April 2016 16:33:42 Krzysztof wrote:
> Great. So what is a properly getcell() usage for correcting position?
> I chanded demo to use 12x12 icon and with getcell() result is even
> worse than with getglyph() (see screen mse_fa1.png and mse_fa2.png,
> they looks like positioned at top-left). But when changing TImageList
> to fixed size 12x12 (not assigning from bitmap size) and adding
> padding:
> f.left := 1;
> f.top := 1;
> f.right := 12;
> f.bottom := 12;
>
The directory glyphs are placed on the baseline of the font so probably the 
simplest is to cut the baseline:
"
f.left := 1;
f.top := 0;
f.right := 0;
f.bottom := -2;
"
or
"
glyphs.getcell(b.bitmap,ACode,makeframe(1,0,0,-2),AColor);
or
"
glyphs.getcell(b.bitmap,ACode,mf(1,0,0,-2),AColor);
"

Martin

--
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial!
https://ad.doubleclick.net/ddm/clk/302982198;130105516;z
___
mseide-msegui-talk mailing list
mseide-msegui-talk@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/mseide-msegui-talk

Re: [MSEide-MSEgui-talk] FontAwesome icons - size regression

[Martin Schreiber]

On Monday 11 April 2016 19:06:53 Martin Schreiber wrote:
> On Monday 11 April 2016 14:09:18 Krzysztof wrote:
> > So what can I do for now?
>
> I'll extend TFTGlyphs for returning a bitmap with the character cell size
> where all glyphs have the same size.

Git master fbca2a8df42c88de193c4a2e267d98ec9f6aabd3 has:
"
   function getglyph(const abitmap: tmaskedbitmap; const achar: card32;
const acolor: colorty = cl_text): boolean;
 //empty bitmap in case of error, retruns true if ok
   function getglyph(const abitmap: tmaskedbitmap; const achar: card32;
 const aframe: framety; //padding
const acolor: colorty = cl_text): boolean;
 //empty bitmap in case of error, retruns true if ok
   function getcell(const abitmap: tmaskedbitmap; const achar: card32;
const acolor: colorty = cl_text): boolean;
 //empty bitmap in case of error, retruns true if ok
   function getcell(const abitmap: tmaskedbitmap; const achar: card32;
 const aframe: framety; //padding
const acolor: colorty = cl_text): boolean;
 //empty bitmap in case of error, retruns true if ok
"
getcell() returns a bitmap with the height of the font where the glyph is 
placed by fontmetrics.
 
> The problem is that centring an odd distance in an even distance can not be
> done precise. Maybe the rounding is not done equal everywhere, I'll check
> that.
>
I assume that the difference is because there are two centre roundings, one by 
placing the glyph in the imagelist and one by drawing the imagelist item in 
the button rect. I did not find different behaviour between painting and 
imagelist centring.

Martin



--
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial!
https://ad.doubleclick.net/ddm/clk/302982198;130105516;z
___
mseide-msegui-talk mailing list
mseide-msegui-talk@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/mseide-msegui-talk

Re: [MSEide-MSEgui-talk] FontAwesome icons - size regression

[Martin Schreiber]

On Monday 11 April 2016 08:18:48 Martin Schreiber wrote:
> On Sunday 10 April 2016 16:32:15 Krzysztof wrote:
> > Hi Martin,
> >
> > A lot of FA icons can have disproportionate size. This issue also was
> > a struggle in Lazarus LCL . For example folder icon (code point 61563)
> > has size 16x13. If TImageList has fixed 16x16 size then icons which
> > have disproportionate size, have small but annoying offset even when
> > adding them with [al_xcentered,al_ycentered] alignment (see attached
> > screens). If TImageList has same size 16x13 as icon then everything is
> > ok but then proportional icons which have 16x16 are clipped. Any idea
> > how to handle this? I also attached demo example
>
> The example does not show the problem for me, see attachment.
Because my font has one pixel less height. With bounds_cy 21 I see the effect.

Martin

--
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial! http://pubads.g.doubleclick.net/
gampad/clk?id=1444514301=/ca-pub-7940484522588532
___
mseide-msegui-talk mailing list
mseide-msegui-talk@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/mseide-msegui-talk

[MSEide-MSEgui-talk] FontAwesome icons - size regression

[Krzysztof]

Hi Martin,

A lot of FA icons can have disproportionate size. This issue also was
a struggle in Lazarus LCL . For example folder icon (code point 61563)
has size 16x13. If TImageList has fixed 16x16 size then icons which
have disproportionate size, have small but annoying offset even when
adding them with [al_xcentered,al_ycentered] alignment (see attached
screens). If TImageList has same size 16x13 as icon then everything is
ok but then proportional icons which have 16x16 are clipped. Any idea
how to handle this? I also attached demo example

Regards


mse_test.7z
Description: application/7z-compressed
--
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial! http://pubads.g.doubleclick.net/
gampad/clk?id=1444514301=/ca-pub-7940484522588532___
mseide-msegui-talk mailing list
mseide-msegui-talk@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/mseide-msegui-talk