Windows 11 Fluent Design

[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?

[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 ..

[Compuin]

google number generator 1 10

[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

[anserkk]

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.

[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

[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

[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

[Antonio Linares]

[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

[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

[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.

[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

[Antonio Linares]

Dear James,

> panels still do not have shadows

Could you please post some screenshots ?

many thanks

[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.