Page 1 of 3

Windows 11 Fluent Design

PostPosted: Fri Jul 09, 2021 4:41 pm
by James Bott
I have been looking at the new "fluent" designs for Windows 11.

See Windows 11 Design Principles

The first thing I would like to do is simulate the panels with shadows on all four sides. Even better would be to have panels with rounded corners and shadows on all four sides.

The first thing that came to mind was to use a bitmap image for the shadows, but that means we would have to create an image for every panel. That would quickly become overwhelming.

Another thing I notice on their samples is that the background color of the panels is not uniform, but rather cloud-like. I have no idea how to do that--well, again, except for a bitmap. I don't even know how to create a bitmap with the cloud-like coloring.

So I suppose we need to think about a subclass of TPanel that could handle these things.

Any thoughts and/or ideas?

Re: Windows 11 Fluent Design

PostPosted: Sat Jul 10, 2021 1:48 pm
by Rick Lipkin
James

I would like to try Windows 11 however my ( very modern ) laptop does not come with TPM nor does ASUS have a retrofit TPM module for the motherboard. So with that said .. I suppose Microsoft wants us to purchase new equipment to satisfy their their ignorant requirement.

TPM is used in the corporate world to be able to use Bitlocker to encrypt the hard drive and once the drive is encrypted Bitlocker issues you a Key. If for any reason .. Bitlocker can easily be broken by adding new equipment to your computer such as memory and if you have misplaced your key ..you might as well throw away your hard drive and get a new one and start over.

Tpm is also used in other ways as well to store some "user info" .. none of which ( in my opinion ) enhances performance or security for the Home User. I am hoping enough people who want to try Windows 11 or upgrade to Windows 11 realize just how ignorant this new pre-requisite is and raises enough grief that will force Microsoft to reverse their course and remove the TPM requirement.

Just my 2 cents

Rick Lipkin

ps .. there is a TPM Reghack
https://www.windowslatest.com/2021/06/2 ... quirement/

But still this is NUTS ..

Re: Windows 11 Fluent Design

PostPosted: Sat Jul 10, 2021 10:17 pm
by Compuin

Re: Windows 11 Fluent Design

PostPosted: Sun Jul 11, 2021 12:31 am
by James Bott
Rick

See this:

Windows 11: Microsoft apologizes for compatibility confusion, hints at changes, by Ed Bott (no relation).

Regardless of that issue, people do tend to judge a book by it's cover, and likewise, software by it's interface. So if we can develop a Win 11 fluent design interface that runs on Win 10 also, we are a step ahead. This is why I have started looking into this.

James

Re: Windows 11 Fluent Design

PostPosted: Sun Jul 11, 2021 6:00 am
by anserkk
James Bott wrote:Rick

Regardless of that issue, people do tend to judge a book by it's cover, and likewise, software by it's interface.

I totally agree with you on this point. :)

Re: Windows 11 Fluent Design

PostPosted: Sun Jul 11, 2021 7:19 am
by Otto
Hello friends,

It is true that software is judged by the interface.

But the comparison with the book cover lacks.

The interface design in software is all about it.

On the other hand, you don't need the book cover for a book.
Here is where the story counts.

With software, however, the operation/interface of the software is the most important thing.

Best regards
Otto

Re: Windows 11 Fluent Design

PostPosted: Tue Jul 13, 2021 5:02 am
by James Bott
Here is my progress, or lack therof.

I found that both windows and dialogs have four-sided shadows by default in Windows 10. This can be turned on or off in the Windows settings, but the default is on. That was easy.

However, panels do not have shadows--at least FW panels don't. I found there was a shadow method in the TWindow class and the TPanel class inherits from TControl which inherits from TWindow, so I thought they might work if I just called the shadow method for a panel object. Well that didn't work. And the panel shadow is the most important one to have according to all the images shown on the Windows Fluent Design pages.

So I am searching the net for a possible answer. Anyone have any ideas?

James

Re: Windows 11 Fluent Design

PostPosted: Tue Jul 13, 2021 6:31 am
by Otto
James, what do you think focusing on the web browser control based on Microsoft Edge for the UI?
Best regards,
Otto


viewtopic.php?f=3&t=40538&p=242212&hilit=edge&sid=3ffef2ff76324d295d2840d1b22b047c#p242212

Re: Windows 11 Fluent Design

PostPosted: Tue Jul 13, 2021 11:38 am
by Antonio Linares
Image

Re: Windows 11 Fluent Design

PostPosted: Tue Jul 13, 2021 12:07 pm
by Otto
Dear Antonio,
Are from Fivewin's point of view, Chrome and EDGE not quite similar if I use it for the UI design.

I thought Chrome was built on top of Chronium, too.
So that we could practically say that when we have the WebView2 control, we can use more or less everything that is available in JS and HTML in Fivewin.

Best regards,
Otto

Re: Windows 11 Fluent Design

PostPosted: Tue Jul 13, 2021 5:00 pm
by Antonio Linares
Dear Otto,

Yes, you are right, Edge uses the same Chrome engine.

Cristobal is the right one to explain us the possibilities and limitations of his development :-)

Re: Windows 11 Fluent Design

PostPosted: Wed Aug 18, 2021 12:52 am
by James Bott
I have now seen at least two programs running under Windows 10, that have the Fluent design (rounded windows and dialogs with drop shadows all the way around). Malware Bytes has this, and don't remember what the other program was. I am wondering if they are using an add-on product like a DLL or something.

Re: Windows 11 Fluent Design

PostPosted: Mon Sep 27, 2021 8:45 pm
by James Bott
Good news! Newer versions Windows 10 are now showing all windows and dialogs with the all-around shadows--no programming required.

The bad news is that panels still do not have shadows.

It would be great if they also add the rounded corners too! This will save us a lot of reprogramming to get the new Win 11 Fluent Design look.

James

Re: Windows 11 Fluent Design

PostPosted: Tue Sep 28, 2021 7:22 am
by Antonio Linares
Dear James,

> panels still do not have shadows

Could you please post some screenshots ?

many thanks

Re: Windows 11 Fluent Design

PostPosted: Tue Sep 28, 2021 3:44 pm
by James Bott
Antonio,

Just open any window (on a light backgound) and you will see the shadow. The same with a dialog. Even this form opened in MS Edge shows the shadow (when it is not full screen).

I am running Windows 10 version 21H1 installed on 9/16/2020. OS Build 19043.1237.

Let me know if you are not seeing it.