Diagram Command Bars via Code
In This Topic
NOV Diagram provides two ways to create a drawing view with a command bars commanding UI.
Drawing View with Command Bars Widget
The easiest way to create a command bar commanding UI for a drawing view is to use the NDrawingViewWithCommandBars widget or if you are not creating a cross-platform application - to drop an NDrawingViewWithCommandBarsControl to a form/window using the Visual Studio Designer. You can then use the following approaches to modify the command bars:
1. Hiding Menus and Toolbars
To hide a command bar or a command bar item use the corresponding Get... method of the NDrawingViewWithCommandBars or NDrawingViewWithCommandBarsControl class and set its Visibility property to Collapsed:
- GetMainMenu - gets the main menu bar. When you get the menu bar, you can use its FindMenuDropDownByText method to get a specific menu drop down. Then if you want to hide a specific menu item from the drop down menu, you can use the Items.FindByText method of the menu item, but if the menu item does not contain sub menu items, it's better to use the RemoveCommands method discussed in the next section.
- GetTooBar - gets a toolbar with a given name.
- GetStatusBar - gets the status bar.
The following code snippet hides the "View" menu and the "View" toolbar, as well as the "File -> Import" menu item and its sub menu items.
Hide menus and toolbars |
Copy Code
|
// Hide the "View" menu drop down
nDrawingViewWithCommandBarsControl1.GetMainMenuBar()
.FindMenuDropDownByText(NDiagramCommandBarBuilder.MenuViewName).Visibility = ENVisibility.Collapsed;
// Hide the "File -> Import" menu item
nDrawingViewWithCommandBarsControl1.GetMainMenuBar()
.FindMenuDropDownByText(NDiagramCommandBarBuilder.MenuFileName)
.Items.FindByText(NDiagramFileMenuBuilder.MenuImportName).Visibility = ENVisibility.Collapsed;
// Hide the "View" toolbar
nDrawingViewWithCommandBarsControl1.GetToolBar(
NDiagramCommandBarBuilder.ToolbarViewName).Visibility = ENVisibility.Collapsed;
|
Note that instead of using string literals like "View", it is better to use the string constants defined in the NDiagramCommandBarBuilder class to get menu and toolbar names as shown in the code snippet above.
2. Removing Commands
To hide all widgets associated with specific commands from the commanding UI, use the RemoveCommands method of the drawing view with command bars. For example, the code snippet below removes the Open command and hides the widgets associated with them from the command bars and also removes the page number command from the status bar:
Remove commands |
Copy Code
|
NDrawingViewWithCommandBars drawingViewWithCommandBars = new NDrawingViewWithCommandBars();
drawingViewWithCommandBars.RemoveCommands(NDrawingView.OpenCommand, NDrawingView.PageNumberStatusBarCommand);
|
Always use the RemoveCommands item to remove individual menu and toolbar items, unless the menu item has sub items. In that case use the GetMainMenu method of the menu bar, then FindMenuDropDownByText to get the menu drop down and finally Items.FindByText to get the item with sub items, which you want to hide as shown in the previous section.
Diagram Command Bar Builder
You can also create diagram command bars using the NDiagramCommandBarBuilder. This gives you greater flexibility and more ways to customize the NOV Diagram command bars, including an option to add custom commands to the command bars:
Creating a NOV Diagram command bar UI |
Copy Code
|
NDiagramCommandBarBuilder commandBarBuilder = new NDiagramCommandBarBuilder();
NCommandUIHolder drawingViewWithCommandBars = commandBarBuilder.CreateUI(drawingView);
|
1. Modifying the Builders Collection
If you want to remove a given toolbar or menu from the builders, you can easily do so by using the Remove method of the ToolBarBuilders and MenuDropDownBuilders collection of the diagram command bar builder respectively. You can get or remove builders by name.
The names of all diagram menu and toolbar builders are exposed as constants in the NDiagramCommandBarBuilder class. For example, to remove the "File" menu and the "Standard" toolbar of a command bars based diagram UI, you can use the following piece of code:
Remove Toolbar and Menu Builders |
Copy Code
|
commandBarBuilder.MenuDropDownBuilders.Remove(NDiagramCommandBarBuilder.MenuFileName);
commandBarBuilder.ToolBarBuilders.Remove(NDiagramCommandBarBuilder.ToolbarStandardName);
|
In order to add or insert your own toolbar or menu drop down builder, you can use the Add or Insert methods of the corresponding builder collection respectively.
Add Custom Toolbar and Menu Builders |
Copy Code
|
commandBarBuilder.MenuDropDownBuilders.Insert(1, new CustomMenuBuilder());
commandBarBuilder.ToolBarBuilders.Insert(0, new CustomToolBarBuilder());
|
2. Removing Commands
To hide all widgets associated with specific commands from the commanding UI, use the RemoveCommands method of the command UI holder created by the command bars builder. For example, the code snippet below removes the Open command and hides the widgets associated with them from the file menu and also removes the page number command from the status bar:
Remove commands |
Copy Code
|
NDiagramCommandBarBuilder commandBarBuilder = new NDiagramCommandBarBuilder();
NCommandUIHolder drawingViewWithCommandBars = commandBarBuilder.CreateUI(drawingView);
drawingViewWithCommandBars.RemoveCommands(NDrawingView.OpenCommand, NDrawingView.PageNumberStatusBarCommand);
|
3. Custom Menu Builders
To create a custom menu builder, you should create a class, which inherits NMenuDropDownBuilder:
Create custom menu drop down builder |
Copy Code
|
public class CustomMenuBuilder : NMenuDropDownBuilder
{
public CustomMenuBuilder()
: base("Custom Menu")
{
}
protected override void AddItems(NMenuItemCollection items)
{
// Add the "Copy" menu item
items.Add(CreateMenuItem(Nevron.Nov.Presentation.NResources.Image_Edit_Copy_png, NDrawingView.CopyCommand));
// Add the custom command menu item
items.Add(CreateMenuItem(NResources.Image_Ribbon_16x16_smiley_png, CustomCommand));
}
}
|
4. Custom Toolbar Builders
To create a custom toolbar builder, you should create a class, which inherits the NToolBarBuilder:
Create custom toolbar builder |
Copy Code
|
public class CustomToolBarBuilder : NToolBarBuilder
{
public CustomToolBarBuilder()
: base("Custom Toolbar")
{
}
protected override void AddItems(NCommandBarItemCollection items)
{
// Add the "Copy" button
items.Add(CreateButton(Nevron.Nov.Presentation.NResources.Image_Edit_Copy_png, NDrawingView.CopyCommand));
// Add the custom command button
items.Add(CreateButton(NResources.Image_Ribbon_16x16_smiley_png, CustomCommand));
}
}
|
To replace the original "Standard" toolbar builder with the custom one, use the following code:
Replace the "Standard" toolbar builder |
Copy Code
|
NDiagramCommandBarBuilder commandBarBuilder = new NDiagramCommandBarBuilder();
int toolbarIndex = commandBarBuilder.ToolBarBuilders.IndexOf(NDiagramCommandBarBuilder.ToolbarStandardName);
commandBarBuilder.ToolBarBuilders[toolbarIndex] = new CustomStandardToolbar();
|
To see how to define a custom command and a custom command action, take a look at the Diagram Commanding Overview topic.
See Also