Recent

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

BSaidus

  • Hero Member
  • *****
  • Posts: 540
  • lazarus 1.8.4 Win8.1 / cross FreeBSD
Re: Modern UI in Lazarus
« Reply #270 on: May 22, 2023, 11:18:15 pm »
Hi all,
@ps

Could you attach an exemple using your beautifull framework ?
Thank you in advence.
« Last Edit: May 23, 2023, 03:52:46 pm by BSaidus »
lazarus 1.8.4 Win8.1 / cross FreeBSD
dhukmucmur vernadh!

BSaidus

  • Hero Member
  • *****
  • Posts: 540
  • lazarus 1.8.4 Win8.1 / cross FreeBSD
Re: Modern UI in Lazarus
« Reply #271 on: September 11, 2023, 10:02:08 am »
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 :)

Hello @Ps,
Did you work this application using your framework ( https://github.com/pst2d/csscontrols/tree/dev)?
do you plane to update it?
Thank you
lazarus 1.8.4 Win8.1 / cross FreeBSD
dhukmucmur vernadh!

lainz

  • Hero Member
  • *****
  • Posts: 4460
    • https://lainz.github.io/
Re: Modern UI in Lazarus
« Reply #272 on: September 11, 2023, 02:46:37 pm »
If you need to do it by code anyways use the LCL...
It already have the power to do such UI.

Attached an UI made with BGRAControls and LCL only...

Now BGRAControls support SVG so you can make anything!
« Last Edit: September 11, 2023, 02:57:14 pm by lainz »

Bogen85

  • Hero Member
  • *****
  • Posts: 595
Re: Modern UI in Lazarus
« Reply #273 on: September 11, 2023, 03:49:41 pm »
If I could use CSS (and especially CSS Grid) (or something just as straightforward and easy to use*) in Lazarus UI development (for both local and remote GUIs), Lazarus would become compelling for me to start using.

Until then, I'll just stick to straight FPC and no Lazarus for development work.

*I'd prefer it just be CSS/CSS-Grid though, as those are already well documented and there are plenty of examples on how to use them.

Joanna

  • Hero Member
  • *****
  • Posts: 724
Re: Modern UI in Lazarus
« Reply #274 on: September 11, 2023, 04:48:28 pm »
I like Lazarus the way it is. It’s easy to understand and gives complete control for designing gui stuff. I have apparently created my own layout manager which Most of my frames use as ancestors. Yes I can understand that it’s a lot of extra work, but I don’t want to be forced to use a layout manager  made by someone else  that might not do what I want.
✨ 🙋🏻‍♀️ More Pascal enthusiasts are needed on IRC .. https://libera.chat/guides/ IRC.LIBERA.CHAT  Ports [6667 plaintext ] or [6697 secure] channel #fpc  Please private Message me if you have any questions or need assistance. 💁🏻‍♀️

Curt Carpenter

  • Sr. Member
  • ****
  • Posts: 396
Re: Modern UI in Lazarus
« Reply #275 on: September 11, 2023, 05:42:29 pm »
I like Lazarus the way it is. ...

The tradeoff seems often to be between struggling to learning something created by others, and probably understanding it imperfectly, or creating your own thing and hopefully understanding that a little less imperfectly...

lainz

  • Hero Member
  • *****
  • Posts: 4460
    • https://lainz.github.io/
Re: Modern UI in Lazarus
« Reply #276 on: September 11, 2023, 07:11:39 pm »
In Android Studio there is XML, is very similar to LCL with kind of objects and properties.

Notice that you can make "CSS" for any control using JSON, like I did for BCButton:
https://github.com/bgrabitmap/bgracontrols/blob/6ff22f8a1e61b4f1d1b0ece14816431d8c70b032/bcbutton.pas#L1777
https://github.com/bgrabitmap/bgracontrols/blob/6ff22f8a1e61b4f1d1b0ece14816431d8c70b032/bcbutton.pas#L1377

hedgehog

  • New Member
  • *
  • Posts: 33
Re: Modern UI in Lazarus
« Reply #277 on: October 29, 2023, 03:14:00 pm »
Hello.

For fun and personal development, I made a small package of visual components that mimic Fluent Design from Microsoft. And I'm attaching a few screenshots. Is this interesting to anyone now, or is it hopelessly outdated?

skepta

  • Newbie
  • Posts: 6
Re: Modern UI in Lazarus
« Reply #278 on: October 29, 2023, 05:09:12 pm »
This is very interesting for me. How did you do that? @hedgehog

lainz

  • Hero Member
  • *****
  • Posts: 4460
    • https://lainz.github.io/
Re: Modern UI in Lazarus
« Reply #279 on: October 29, 2023, 05:47:44 pm »
Hello.

For fun and personal development, I made a small package of visual components that mimic Fluent Design from Microsoft. And I'm attaching a few screenshots. Is this interesting to anyone now, or is it hopelessly outdated?

It's not outdated, is used currently in Windows 11, with some modifications.
« Last Edit: October 29, 2023, 05:53:01 pm by lainz »

TRon

  • Hero Member
  • *****
  • Posts: 2435
Re: Modern UI in Lazarus
« Reply #280 on: October 29, 2023, 06:07:40 pm »
Besides the payed options (for Delphi) I am only aware of one project (from mr HighBall who also post here) that has something to do with fluent UI so it might be interesting to know what user hedgehog used to create his samples.

hedgehog

  • New Member
  • *
  • Posts: 33
Re: Modern UI in Lazarus
« Reply #281 on: October 29, 2023, 06:09:34 pm »
It's not outdated, is used currently in Windows 11, with some modifications.
What I mean is this: everyone is talking about CSS, HTML5.
Does it make sense to try to create visual components?

hedgehog

  • New Member
  • *
  • Posts: 33
Re: Modern UI in Lazarus
« Reply #282 on: October 29, 2023, 06:16:36 pm »
This is very interesting for me. How did you do that? @hedgehog
For rendering I used BGRA the Codebot.Cross library. https://github.com/sysrpl/Codebot.Cross

BSaidus

  • Hero Member
  • *****
  • Posts: 540
  • lazarus 1.8.4 Win8.1 / cross FreeBSD
Re: Modern UI in Lazarus
« Reply #283 on: October 29, 2023, 07:40:24 pm »
Hello.

For fun and personal development, I made a small package of visual components that mimic Fluent Design from Microsoft. And I'm attaching a few screenshots. Is this interesting to anyone now, or is it hopelessly outdated?

Interesting for me too.
lazarus 1.8.4 Win8.1 / cross FreeBSD
dhukmucmur vernadh!

hedgehog

  • New Member
  • *
  • Posts: 33
Re: Modern UI in Lazarus
« Reply #284 on: October 30, 2023, 09:23:09 am »
I have uploaded the package to GitHub:
https://github.com/hedgehog344/FluentControls

Don't take it too seriously :)
This is just a demonstration, and it was done quickly, dirty, and ineptly.

 

TinyPortal © 2005-2018