1
HO CHI MINH UNIVERSITY OF INDUSTRY
Metro
2
HO CHI MINH UNIVERSITY OF INDUSTRY
Creating User Interface
Using custom components
Creating your own control
Using 3rd controls
3
HO CHI MINH UNIVERSITY OF INDUSTRY
1. User control vs Custom control
"Custom" Controls: (Extending an
existing control)
– Extends an existing control with additional
features
– Typically derive from RichControl
– The best approach to build a control library
– This example of a "Numeric up/down"
control is an extension of a textbox.
4
HO CHI MINH UNIVERSITY OF INDUSTRY
1. User control vs Custom control
"User" or Composite Controls:
– Composes multiple existing controls into a
reusable "group"
– Derives from UserControl
– This example of an "RGB user control"
composes three labels and textboxes.
5
HO CHI MINH UNIVERSITY OF INDUSTRY
Example : custom control
Create simple textbox
– Input data
• If user enter not number show message
and set focus
• Change BackColor to Red if user enter
value is Negative number
1. User control vs Custom control
6
HO CHI MINH UNIVERSITY OF INDUSTRY
public partial class MyTextBox : TextBox
{
private void MyTextBox_Validating
(object sender, CancelEventArgs e)
{
double v=0;
if (!double.TryParse(this.Text, out v)){
MessageBox.Show("Not valid Number");
this.Focus();
}
else{
if (v < 0)
this.BackColor = Color.Red;
else
this.BackColor = Color.White;
}
}
}
7
HO CHI MINH UNIVERSITY OF INDUSTRY
2. Third party component
2.1 Introduce some common
.NET Components
2.2. DotNetBar
2.3. Grid .NET Component
2.4. Skin .Net Component
8
HO CHI MINH UNIVERSITY OF INDUSTRY
2.1 Introduce some common
.NET Components
DotNetBar
Infragistics
Xceed Studio
PureComponent
Componentone Studio
– Grid .Net component
– Skin .Net Component
9
HO CHI MINH UNIVERSITY OF INDUSTRY
Infragistics
/>10
HO CHI MINH UNIVERSITY OF INDUSTRY
11
HO CHI MINH UNIVERSITY OF INDUSTRY
Syncfusion Essential Grid for
Windows Forms
/>nterface-edition/windows-forms/
12
HO CHI MINH UNIVERSITY OF INDUSTRY
Add, grid, scheduling, toolbars, menus, list bars, tree,
UI and editing functionality to your .NET, Visual
Studio 2010, ASP.NET and Tablet PC applications.
Infragistics NetAdvantage is a comprehensive
presentation layer tool set for designing commercial
class user interfaces for all Microsoft development
environments - Windows Forms (including Visual
Studio 2010), ASP.NET and Tablet PC. Infragistics
NetAdvantage is comprised of all major interface
elements including grids, scheduling, charting,
toolbars, menus, listbars, trees, tabs, explorer bars,
UI and editors. Includes .NET source code with
Subscription options.
Syncfusion Essential Grid for
Windows Forms
13
HO CHI MINH UNIVERSITY OF INDUSTRY
Xceed Studio
/>All List product are in here:
14
HO CHI MINH UNIVERSITY OF INDUSTRY
Xceed Studio: Compression
15
HO CHI MINH UNIVERSITY OF INDUSTRY
Xceed Studio: Networking
Xceed Studio: Encryption
16
HO CHI MINH UNIVERSITY OF INDUSTRY
Xceed Studio: Winform
17
HO CHI MINH UNIVERSITY OF INDUSTRY
Componentone Studio
/>18
HO CHI MINH UNIVERSITY OF INDUSTRY
Componentone Studio
19
HO CHI MINH UNIVERSITY OF INDUSTRY
Dotnetbar
20
HO CHI MINH UNIVERSITY OF INDUSTRY
Dotnetbar
/>DotNetBar for Silverlight
DotNetBar for Windows Forms
DotNetBar for WPF
Professional Icon Pack
Essential Icon Pack
HTML-Document Component
HTML Help COM Assistant
21
HO CHI MINH UNIVERSITY OF INDUSTRY
Dotnetbar
DotNetBar for Windows Forms
DotNetBar for Windows Forms is toolbox of
over 50 stunning components that help you
create professional user interface with ease.
Among many controls it includes Office 2010
Ribbon Control, Office 2007, 2003 and
VS.NET 2005 style menus and toolbars, multi-
functional panel controls, Docking controls,
Navigation Pane and much, much more
22
HO CHI MINH UNIVERSITY OF INDUSTRY
Dotnetbar
- Website:
/> />- Videos:
- chm helps file (in installed application folder)
- Book:
23
HO CHI MINH UNIVERSITY OF INDUSTRY
Dotnetbar
- Exercise:
1) Creating Metro Forms
2) Office 2007 Ribbon Control
3) Ribbon MDI Merging
4) Ribbon Contextual Tab Groups
5) Office 2007 Style Drop-Down Galleries
6) Grouping Popup Gallery Items
7) Using Expandable Panel control to create Office 2010 Access like
Navigation Pane
8) Creating Menus and Toolbars with DotNetBar
9) Creating Dockable Window
10)Creating Context Menus
11)Office 2010 Status bar
12)Working with PanelEx Control
13)Adding DotNetBarManager to the form
14)Working with NavigationPane Control
15)Working with New Tab Control
16)Working with New BubbleBar Control
17)Working with New ExpandableSplitter Control
18)Document Docking
24
HO CHI MINH UNIVERSITY OF INDUSTRY
Source code
management with
teamwork
25
HO CHI MINH UNIVERSITY OF INDUSTRY
Server - Tools
– MS Source safe
– SVN server (open source)
– MS Team Foundation server
Host
– Server in Lan
– Host throught internet
• www.Googlecode (code.google.com) (public)
• www.Assembla.com (public)
• www.Projectlocker.com (public & private)
•
Client
– TortoiseSVN
– Visual studio…