Recent

Author Topic: Modern UI in Lazarus  (Read 192190 times)

jomDA

  • Newbie
  • Posts: 3
Re: Modern UI in Lazarus
« Reply #210 on: February 22, 2020, 12:58:07 pm »
I tested all the samples from the post on Windows 10 V1909 and Lazarus 2.0.6.

Really cool, i mean very good stuff! Thank you very much! ;D

But there are some fault:
1) I can't test the samples direct?! I need allways to start a new project and than copy the unit1.pas and .lfm. It looks like changes in project LPI?
2)  If there are more than 10 controls on the form and you move the mouse over text or buttons it's flicker. In the past i develope a lot with Turbo Delphi (2006 and VCL) and this was not a problem?
3) The calendar example looks bad (see the picture in attachment)

I will check some improvements and than send a reply.

See also my last post to modern UI:
https://forum.lazarus.freepascal.org/index.php/topic,48523.msg350299.html#msg350299

ps

  • Full Member
  • ***
  • Posts: 136
    • CSS
Re: Modern UI in Lazarus
« Reply #211 on: February 22, 2020, 01:31:49 pm »
1) there is no samples on github yet
2) it's lazarus bug for all controls placed on scrollbox. You can set doublebuffered to true, or fix LCL bug :)  https://bugs.freepascal.org/view.php?id=36423
3) this is "little big" problem.  I have no solution for this. Because in CSS "classic" browser there is allways one main control (browser window). But with LCL main controls can be TButton/TPanel. And size can be calculated like this:

Control.Width := 300px;
Control.Style := 'width:150px';
Control.AutoSize := True;
Control.Alignt := alTop;
etc. etc.

Calendar control don't follow new updates :( No time for check. Github updated.
Small simple CSS/box model implementation: https://github.com/pst2d/csscontrols/tree/dev

jomDA

  • Newbie
  • Posts: 3
Re: Modern UI in Lazarus
« Reply #212 on: February 22, 2020, 06:47:57 pm »
Thank you for the answer.
at 2) I will see on some tests with the default sample canvas_test and your bug sample, how complex is it to find a improvement. With this samples i will see also the differents from the known solutions for Windows (in Delphi VCL).
at 3) In the moment i dont't now how render Lazarus the controls. In the past (Turbo Delphi with VCL on Windows) a control was drawing from Windows, so the VCL was only a adapter to the windows messages (like WM_PAINT or WM_MOUSEMOVE see info on MS: https://docs.microsoft.com/en-us/windows/win32/winmsg/about-messages-and-message-queues)

AT

  • Newbie
  • Posts: 2
Re: Modern UI in Lazarus
« Reply #213 on: March 20, 2020, 09:09:28 pm »
Github repository seems empty  :o
Last post on this topic is only a few months back. Has this idea/project been killed?
Thanks!

af0815

  • Hero Member
  • *****
  • Posts: 1291
Re: Modern UI in Lazarus
« Reply #214 on: March 20, 2020, 09:12:52 pm »
Github repository seems empty  :o
look for the dev branch on github !
regards
Andreas

AT

  • Newbie
  • Posts: 2
Re: Modern UI in Lazarus
« Reply #215 on: March 20, 2020, 11:21:05 pm »
Github repository seems empty  :o
look for the dev branch on github !

Yupp! That works  :D Thanks...

Dibo

  • Hero Member
  • *****
  • Posts: 1048
Re: Modern UI in Lazarus
« Reply #216 on: March 25, 2020, 04:44:24 pm »
About modern UI. Instead of reinventing the wheel, maybe better make wrapper for existing HTML render engines.
https://sciter.com/ (too bad that on linux it is based on GTK, not on low level X11)
http://www.litehtml.com/
https://lexborisov.github.io/Modest/
https://ultralig.ht/

ps

  • Full Member
  • ***
  • Posts: 136
    • CSS
Re: Modern UI in Lazarus
« Reply #217 on: March 25, 2020, 06:53:11 pm »
About modern UI. Instead of reinventing the wheel, maybe better make wrapper for existing HTML render engines.
https://sciter.com/ (too bad that on linux it is based on GTK, not on low level X11)
http://www.litehtml.com/
https://lexborisov.github.io/Modest/
https://ultralig.ht/
Too "fat" for me and lack of modern layout styles (display:flex;, correct border-radius rendering, etc.). With little updated my lib I can migrate our outdated app into this nice looking modern app :)
Small simple CSS/box model implementation: https://github.com/pst2d/csscontrols/tree/dev

Dibo

  • Hero Member
  • *****
  • Posts: 1048
Re: Modern UI in Lazarus
« Reply #218 on: March 25, 2020, 07:07:18 pm »
@ps. Didn't read all pages in this topic but noticed your posts and what I understood, you are working on some kind of CSS rendering component? Is there any official wiki? Where I can get source?

ps

  • Full Member
  • ***
  • Posts: 136
    • CSS
Re: Modern UI in Lazarus
« Reply #219 on: March 25, 2020, 07:31:00 pm »
There is no official wiki or doc just now (no time). Few demos you can found in this thread and lib is here: https://github.com/pst2d/csscontrols/tree/dev . This is only "work in progress version".
Small simple CSS/box model implementation: https://github.com/pst2d/csscontrols/tree/dev

garlar27

  • Hero Member
  • *****
  • Posts: 652
Re: Modern UI in Lazarus
« Reply #220 on: April 15, 2020, 03:23:25 pm »
About modern UI. Instead of reinventing the wheel, maybe better make wrapper for existing HTML render engines.
https://sciter.com/ (too bad that on linux it is based on GTK, not on low level X11)
http://www.litehtml.com/
https://lexborisov.github.io/Modest/
https://ultralig.ht/
Too "fat" for me and lack of modern layout styles (display:flex;, correct border-radius rendering, etc.). With little updated my lib I can migrate our outdated app into this nice looking modern app :)
Wow!! I'm impressed!!!
This is awesome! Did you test it with the FPC and Lazarus Release Candidates???

ps

  • Full Member
  • ***
  • Posts: 136
    • CSS
Re: Modern UI in Lazarus
« Reply #221 on: April 17, 2020, 11:06:36 pm »
garlar27: Sure.  I'm working with latest SVN Lazarus.
Small simple CSS/box model implementation: https://github.com/pst2d/csscontrols/tree/dev

andersonscinfo

  • Full Member
  • ***
  • Posts: 132
Re: Modern UI in Lazarus
« Reply #222 on: April 25, 2020, 06:07:13 pm »
I couldn't find a demo. I really wanted to be able to test it, it's beautiful

mr-highball

  • Full Member
  • ***
  • Posts: 233
    • Highball Github
Re: Modern UI in Lazarus
« Reply #223 on: April 25, 2020, 07:34:18 pm »
I couldn't find a demo. I really wanted to be able to test it, it's beautiful

they are scattered throughout this post, here are two links. When I tried one of them, I was having a hard time getting the glyphs working as @ps shows in his screenshots and haven't had too much time to look more into it.
https://forum.lazarus.freepascal.org/index.php/topic,36502.msg342561.html#msg342561
https://forum.lazarus.freepascal.org/index.php/topic,36502.msg343391.html#msg343391

lainz

  • Hero Member
  • *****
  • Posts: 4468
    • https://lainz.github.io/
Re: Modern UI in Lazarus
« Reply #224 on: April 26, 2020, 03:25:09 pm »
Check out the Clone Controls, WYSWYG already available in Lazarus, with the power of LCL!
https://forum.lazarus.freepascal.org/index.php/topic,49528.0.html

Any LCL control can be used!

 

TinyPortal © 2005-2018