Hack Forums
[C#] [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Coding (https://hackforums.net/forumdisplay.php?fid=151)
+---- Forum: Software Development (https://hackforums.net/forumdisplay.php?fid=118)
+---- Thread: [C#] [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. (/showthread.php?tid=5753707)

Pages: Pages 1 2 3

[ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - Narwin - Nov 16, 2017

Intro
- Metro design is a modern design language used by Microsoft which is more demonstrated from windows 8, click here for more info about Metro Design.

MetroSet UI
- MetroSet UI is the advanced .NET windows forms user interface with a lot of property and functionalities which uses metro style as the base of the design, it styles the .NET applications the metro, this UI is totally customizable and supports custom themes that can be made by users using xml file templates.

User Friendly
- MetroSet UI built as far as possible to be more and more user friendly , nearly every single properties can be customized in design time and also can be made as external theme too.

Supported Platforms
- Windows XP.
- Windows Vista.
- Windows 7
- Windows 8.
- Windows 8.1.
- Windows 10.

Dependency 
- .NET Framework 2 or higher.

Screenshots 

- Light Theme

Spoiler (Click to View)

- Dark Theme

Spoiler (Click to View)

- Custom Theme

Spoiler (Click to View)


Controls & Components :

Components

- Style Manager.
- MetroSetToolTip.

Forms

- MetroSetForm.
- MetroSetMessageBox.

Controls

- MetroSetBadge.
- MetroSetButton.
- MetroSetDefaultButton.
- MetroSetCheckBox.
- MetroSetComboBox.
- MetroSetContextMenuStrip.
- MetroSetControlBox.
- MetroSetDevider.
- MetroSetEllipse .
- MetroSetLabel.
- MetroSetLink.
- MetroSetListBox.
- MetroSetNumeric.
- MetroSetPanel.
- MetroSetProgress.
- MetroSetRadioButton.
- MetroSetRichTextBox.
- MetroSetScrollBar.
- MetroSetSwitch.
- MetroSetTabControl.
- MetroSetTextBox.
- MetroSetTile.
- MetroSetTrackBar.

Using MetroSetForm

C#.NET

Code
using MetroSet_UI.Forms;

public partial class Form1 : MetroSetForm
   {
       public Form1()
       {
           InitializeComponent();
       }
   }

Visual Basic.NET

Code
Imports MetroSet_UI.Forms

public class Form1 : Inherits MetroSetForm
   
   Sub New()
   
   End Sub
   
End Class


Using MetroSetMessageBox

C#.NET

Code
using System;
using MetroSet_UI.Forms;
using System.Windows.Forms;
namespace MetroSet_UI_Example
{
   public partial class MetroSetForm1 : MetroSetForm
   {
       public MetroSetForm1()
       {
           InitializeComponent();
       }

       private void MetroSetButton1_Click(object sender, EventArgs e)
       {
           MetroSetMessageBox.Show(this, "Content", "Caption", MessageBoxButtons.OK, MessageBoxIcon.Question);
       }

   }
}


Visual Basic.NET

Code
Imports MetroSet_UI.Forms

public class Form1 : Inherits MetroSetForm
   
   Private Sub MetroSetButton1_Click(sender As Object, e As EventArgs)
MetroSetMessageBox.Show(Me, "Content", "Caption", MessageBoxButtons.OKCancel, MessageBoxIcon.Question)
End Sub
   
End Class


How To Create Custom Theme For This UI ?
 - An example of the custom theme file can be found here, the xml file can be edited using any editor, the properties stored as hex color type that can be replaced as fits the applications.

Source

Github

Download From Nuget

Code
Install-Package MetroSet_UI

License

MIT License

Credits

- MCF.Goodwin : Form Fading
- Burak Ozdiken : TabControlDesigner
- Mavamaarten : TabControl Transition Method

Final Note 

- MetroSet UI is an Open Source UI and it's almost like a framework , for any bugs and recommendations you can contact me, I may work more if I get enough time for it.

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - Dotexe - Nov 17, 2017

Great release Narwin, every theme you made so far is just amazing !

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - IllegalSkills - Nov 17, 2017

Looks pretty neat to me. Keep doing what you're doing, buddy!!

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - kevy42 - Nov 19, 2017

Very noice looking :). I might switch from metro

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - nyoi - Nov 19, 2017

Do you plan to support the DataGrid control? Great release, thanks.

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - SaketSaket - Nov 19, 2017

Nice looking theme Narwin... Great share ;)

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - IEnumerable - Nov 19, 2017

Wow! That looks amazing. Awesome job!

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - programingLove - Dec 1, 2017

hi. i cant set Opacity on 0. what is the problem?!!

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - StaPol - Dec 2, 2017

Not bad, how long did it take you to design?

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - ILoveYourNaN - Dec 3, 2017

Good looking theme. Good job mate!

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - sgames - Nov 20, 2018

How use it ? i have added DLL to my project, but if i put metrobutton on form, it isnt create object on form, but create definition under the form ??
what i am doing wrong please?

https: //goo.gl/HxS5xN

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - Narwin - Nov 20, 2018

(Nov 20, 2018 01:16 PM)sgames Wrote:  How use it ? i have added DLL to my project, but if i put metrobutton on form, it isnt create object on form, but create definition under the form ??
what i am doing wrong please?

https: //goo.gl/HxS5xN

if you don't know how to install it then check the Method #1 Installation here.

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - sgames - Nov 21, 2018

(Nov 20, 2018 04:17 PM)Narwin Wrote:  if you don't know how to install it then check the Method #1

Yep, you are right. Sorry. Great framework. Do you keep it up to date, or its finish?

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - Narwin - Nov 21, 2018

(Nov 21, 2018 08:23 AM)sgames Wrote:  Yep, you are right. Sorry. Great framework. Do you keep it up to date, or its finish?

it's been long ago since I made the last change, I don't think I make new changes soon.

RE: [ Open Source ] MetroSet UI - Another Step Into The Metro Design World. - sgames - Nov 21, 2018

(Nov 21, 2018 02:02 PM)Narwin Wrote:  it's been long ago since I made the last change, I don't think I make new changes soon.

oh :( it contains few bugs ... and i cannot find something better than your framework