C# Desktop application ui design of windows 10
C sharp ui desktop application design
They are very close ... in my opinion, the UX corresponds more to technical aspects or structure. The UX designer will use evaluation techniques such as Heuristic evaluation, Usability testing, Eye tracking, A / B testing, etc. By these process, the UX designer is closer to cognitive science (many are pschologist).
The UI refers more to the appearance of an interface, to its design. In my opinion, it is a question of interpreting the results obtained during UX tests to put them in image (and maybe to test them again). Designers are clearly confronted with UI issues.
It is assumed that the work of UX is done before the work of UI (it can also be done at the same time). Some process, like Wireframing, can concern both a UX and a UI designer.
1. first create variable object
private IconButton currentButton;
private Panel LeftBorderBtn;
private Form currentChildForm;
2. Copy this code for creating left side panel bar
LeftBorderBtn = new Panel();
LeftBorderBtn.Size = new Size(4,48);
panelMenu.Controls.Add(LeftBorderBtn);
3. RGB Color code collection struct class
private struct RGBColors
{
public static Color colro1 = Color.FromArgb(230, 230, 230);
public static Color colro2 = Color.FromArgb(0, 120, 215);
public static Color colro3 = Color.FromArgb(207,207,207);
}
4. Activate and disable for button
private void ActivateButton(Object senderBtn,Color color)
{
if (senderBtn != null)
{
DisableButton();
currentButton = (IconButton)senderBtn;
currentButton.BackColor = RGBColors.colro3;
// left border button
LeftBorderBtn.BackColor = RGBColors.colro2;
LeftBorderBtn.Location = new Point(0, currentButton.Location.Y);
LeftBorderBtn.Visible = true;
LeftBorderBtn.BringToFront();
formTitle.Text = currentButton.Text.Replace(" ",String.Empty);
}
}
private void DisableButton() {
if (currentButton != null)
{
currentButton.BackColor = RGBColors.colro1;
}
}
5. Open a child form in panel
private void openChildForm(Form childForm)
{
if (currentChildForm != null)
{
currentChildForm.Close();
}
currentChildForm = childForm;
childForm.TopLevel = false;
childForm.FormBorderStyle = FormBorderStyle.None;
childForm.Dock = DockStyle.Fill;
panelMain.Controls.Add(childForm);
panelMain.Tag = childForm;
childForm.BringToFront();
childForm.Show();
}
Fore more info you must be watch this tuturial click on this link #azadeducation desktop ui design windows theme design latest | material design menu
Source code download link is available click on subscribe button and subscribe now channel then wait for verification and download this source code.
Azad Mohammed
An editor at AzadEducationI'am Azad, These blogs, tech skills and programing news, I am sharing with my exprience. I have 4+ year experiece in the web development. Also we are learning investing ideas. I believe in "big mind big dream", that will convert in smart mind. You can follow me on Linkedin profile.