Recent

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

Pong

  • New member
  • *
  • Posts: 6
Re: Modern UI in Lazarus
« Reply #255 on: December 02, 2022, 03:06:17 am »
Hey Guys!
How to create modern user interfaces in 2022(like that DaVinci Resolve, adobe ps )?
Create components yourself or use GUI framework?
« Last Edit: December 02, 2022, 03:15:51 am by Pong »

KodeZwerg

  • Hero Member
  • *****
  • Posts: 1395
  • Fifty shades of code.
    • Delphi & FreePascal
Re: Modern UI in Lazarus
« Reply #256 on: December 02, 2022, 07:12:47 am »
I do not see anything extra ordinary so you should be more specific.
Adjust colors and use custom glyphs for buttons, the graphic effects are images I guess.
« Last Edit: Tomorrow at 31:76:97 by KodeZwerg »

Pong

  • New member
  • *
  • Posts: 6
Re: Modern UI in Lazarus
« Reply #257 on: December 02, 2022, 08:42:27 am »
I do not see anything extra ordinary so you should be more specific.
Adjust colors and use custom glyphs for buttons, the graphic effects are images I guess.

I try to use Lazarus components , but some components don't have properties set.
for example: Tmainmenu don't have properties set background color, then draw(OnDrawItem) yourself or use other components? 

KodeZwerg

  • Hero Member
  • *****
  • Posts: 1395
  • Fifty shades of code.
    • Delphi & FreePascal
Re: Modern UI in Lazarus
« Reply #258 on: December 02, 2022, 09:10:43 am »
In many cases you need to turn off theme support in project options. That way you disable System Operating System default styles and can use your own colors for everything.
« Last Edit: Tomorrow at 31:76:97 by KodeZwerg »

KodeZwerg

  • Hero Member
  • *****
  • Posts: 1395
  • Fifty shades of code.
    • Delphi & FreePascal
Re: Modern UI in Lazarus
« Reply #259 on: December 02, 2022, 09:13:59 am »
TMainMenu does not offer, such you need to OwnerDraw yes.
« Last Edit: Tomorrow at 31:76:97 by KodeZwerg »

Pong

  • New member
  • *
  • Posts: 6
Re: Modern UI in Lazarus
« Reply #260 on: December 02, 2022, 10:41:17 am »
In many cases you need to turn off theme support in project options. That way you disable System Operating System default styles and can use your own colors for everything.

I'm sorry, I'm not sure what you mean. Turn off this"use manifest resource"?
if turn off theme support in project options , then lazarus component set properties like css style?(example: Star Button , gradient color, Button Shadow...)

KodeZwerg

  • Hero Member
  • *****
  • Posts: 1395
  • Fifty shades of code.
    • Delphi & FreePascal
Re: Modern UI in Lazarus
« Reply #261 on: December 02, 2022, 11:29:25 am »
I just can show you a little how I mean it with a project I did long ago by turning runtime themes off (built with Delphi)

There I do have more control over the used colors.
« Last Edit: Tomorrow at 31:76:97 by KodeZwerg »

Pong

  • New member
  • *
  • Posts: 6
Re: Modern UI in Lazarus
« Reply #262 on: December 06, 2022, 09:28:04 am »
I just can show you a little how I mean it with a project I did long ago by turning runtime themes off (built with Delphi)

There I do have more control over the used colors.

Thank you so much friends ~ :)

azismcgr

  • Newbie
  • Posts: 3
Re: Modern UI in Lazarus
« Reply #263 on: March 24, 2023, 01:27:34 am »
hi.

how to add submenu inside sub menu like this picture

Thank You

KodeZwerg

  • Hero Member
  • *****
  • Posts: 1395
  • Fifty shades of code.
    • Delphi & FreePascal
Re: Modern UI in Lazarus
« Reply #264 on: March 25, 2023, 10:17:26 pm »
hi.

how to add submenu inside sub menu like this picture

Thank You
Simply by using the menu designer?
« Last Edit: Tomorrow at 31:76:97 by KodeZwerg »

azismcgr

  • Newbie
  • Posts: 3
Re: Modern UI in Lazarus
« Reply #265 on: March 27, 2023, 10:13:31 am »
the menu is like this picture

Leledumbo

  • Hero Member
  • *****
  • Posts: 8594
  • Programming + Glam Metal + Tae Kwon Do = Me
Re: Modern UI in Lazarus
« Reply #266 on: March 29, 2023, 09:34:32 am »
the menu is like this picture
That's a tree view.

azismcgr

  • Newbie
  • Posts: 3
Re: Modern UI in Lazarus
« Reply #267 on: March 29, 2023, 11:25:07 am »
That's right, like that. by using css components

thank's

Leledumbo

  • Hero Member
  • *****
  • Posts: 8594
  • Programming + Glam Metal + Tae Kwon Do = Me
Re: Modern UI in Lazarus
« Reply #268 on: March 30, 2023, 09:00:52 am »
That's right, like that. by using css components

thank's
CSS is out of the question, I believe. Procedural theming is what you can do instead. At least I haven't found any component with such a capability yet. I'm not sure how flexible the standard TTreeView in this regard, but VirtualTreeview should be doable. If you don't want to it yourself but are willing to spend some money, TMS FNC UI Pack has a nice one.

Pe3s

  • Sr. Member
  • ****
  • Posts: 411
Re: Modern UI in Lazarus
« Reply #269 on: May 13, 2023, 05:21:17 pm »
Hello all forum users, I'm attaching a modern ui demo
« Last Edit: May 13, 2023, 05:24:43 pm by Pe3s »

 

TinyPortal © 2005-2018