How to create professional designs in WPF

Asked

Viewed 560 times

3

Well, I’m not Designer that’s fact, and those who do not have designer skills suffer a lot with the new interface technologies, among them the WPF. Who does not have a knowledge of designer will suffer to create beautiful interfaces with Blend. On top of that there is the aggravating fact that Blend’s study materials are quite steep.

I’m from the time of desktop applications with traditional windows and I could use WPF and create the interface of my application based on the traditional visual ideas of windows form, but I think doing this is throwing down the drain all the design power of WPF and Blend. But because I’m not a designer, I don’t have the creativity to create something really beautiful. What do I have left then? Get inspiration from other applications that make advanced use of WPF.

I am starting the creation of the main window of the application, namely the Mainwindow, and as inspiration I am looking at the image below:

inserir a descrição da imagem aqui

These are various techniques and components that have been used to build this window, so I’m trying to analyze in parts, to try to get a look close to this one. First I’m looking for an answer to two characteristics:

1 - How it was done to change the look of the title bar and how it managed to insert buttons, context menu, text fields, etc., into it.

2 - The bottom of the window will be an image or an effect created in Blend itself?

wpf visual-studio-2015

1 answer

3

To modify the components you can create Styles that change the properties of the components. On the background, it’s probably an image. Search for Styling and Templating WPF. A hug and good luck

  • It seems to me that the name of the appeal is called Window Styles Other links: 1 2 3 Suffered to find, now know many still prefer Windows Forms for desktop. WPF is still very obscure compared to windows Forms.

  • Window Style changes the properties of Mainwindow. To change the properties of the components you can create a xaml file with the modifications that you for the component and assign a name to this style and reuse it. Check out this post http://stackoverflow.com/q/17630968/2588695

  • In this case is exactly that, change the main window details, in this case the title bar. But from what I’ve been reading, there’s no practical way to do that. The title bar of the window is not part of what is called "area-of-the-client", it is part of a "area-not-client" and to make modifications to it it is necessary to lower the level and to do Interop with COM/WIN32. To get around this what is done is to hide the title bar coming from the OS and create a new via WPF. However, the actual title bar was not modified, only a false bar was created.

  • I appreciate you taking the time to ask that question, but I really decided to "put the brakes on" and slow down. I realized I’m going too fast for anyone who has no experience with WPF. So, I’m opting for a simpler design, also based on something that already exists, because as I mentioned at the beginning of the question, I’m not a designer. I’m right now creating a new question with a simpler idea of design, I hope I can count on your help there too.

  • 1

    You can "create" a title bar by removing it and creating yours. You can remove using Windowstyle="None", have a look at https://3water.wordpress.com/2013/02/16/metro-style-window-in-wpf/

Browser other questions tagged wpf visual-studio-2015

You are not signed in. Login or sign up in order to post.